Get a peek at our latest innovations at Sanity Product Day on Dec 8th →

Change the icon for my singleton SiteSettings

3 replies
Last updated: May 17, 2020

Hi, 's me again 🙂I'm trying to change the icon for my singleton

siteSettings
, the same way, I've done that for my events and author document lists.Here's my siteSettings.js schema. I have
react-icons
installed and I verified that the
FaCogs
is getting imported. However the icon does not change. What am I missing?

import { FaCogs } from 'react-icons/fa';
console.dir(FaCogs);

export default {
    name: `siteSettings`,
    type: `document`,
    title: `Site Settings`,
    icon: FaCogs,
    __experimental_actions: [`update`, /* `create`, `delete`, */ `publish`],
    fields: [
        {
            title: `Site's main heading`,
            name: `title`,
            type: `string`,
        },
        {
            title: `Introduction text`,
            name: `description`,
            type: `richText`,
            description: `Describe the website, the reason behind creating it, who it is for and what the visitors will find here`,
        },
        {
            title: `Footer content`,
            name: `footer`,
            type: `richText`,
            description: `Content of the footer`,
        },
    ],
}

May 17, 2020, 9:01 AM

Hi again 🙂 Can you see the icon if you go to

Create new document
in the Studio (the + icon in the top left corner)? If so, what you might need to do is also add the icon to your
deskStructure.js
file:
import S from '@sanity/desk-tool/structure-builder'
import { FaCogs } from 'react-icons/fa'
...
  S.listItem()
    .title(`Site settings`)
    .icon(FaCogs)
    .child(
      S.editor()
      .schemaType(`siteSettings`)
      .documentId(`siteSettings`)
...

May 17, 2020, 9:10 AM

Yes, that was it. I'm still struggling a little bit to differentiate between what is defined in a schema and what in the structure builder. There's so much to take in, but I'm slowly getting my head around it.
Btw. thanks for helping me out on Sunday!

May 17, 2020, 9:13 AM

Agreed, there’s plenty of stuff to get your head around and it can seem daunting at first as almost anything can be changed and customised. But hang in there - we’ll be here to help out along the way (even on Sunday sometimes) 😉

May 17, 2020, 9:16 AM

Sanity.io: Get the most out of your content

Sanity.io is a platform to build websites and applications. It comes with great APIs that let you treat content like data. Free to get started, and pay-as-you-go on all plans. Find out more.