Get help on Discord

Discussion about date field changes and using emojis as icons in Sanity.io

7 replies
Last updated: Apr 2, 2021
Hey, are there any changes to the date field? I have the following: 
type: 'date',

options: {

dateFormat: 'YYYY-MM',

},
however the dateFormat is not being respected and Iā€™m getting 
date:Ā "2021-04-01T07:00:00.000Z"
which is strange, because older documents have 
date:Ā "2021-04"
in the front end.
Also in the subtitle iā€™m seeing something else:
Apr 1, 2021, 7:27 PM
Hey there! It looks like changes to date and dateTime happened in in 
v2.6.3
. Hereā€™s an overview.
Apr 1, 2021, 8:23 PM
user D
How did you set up to use the emojis as the icon?
Apr 1, 2021, 9:56 PM
user S
In your schema, this should work:
export default {
  name: 'Example Schema',
  type: 'document',
  fields: [
    // Your schema fields
  ],
  preview: {
    select: {
      media: 'šŸ˜€'
    }
  }
}
Thereā€™s some more info in the docs ~ 1)
https://www.sanity.io/docs/previews-list-views 2) https://www.sanity.io/docs/icons-for-data-types 3) https://www.sanity.io/docs/customization
Apr 2, 2021, 12:16 AM
Thatā€™s awesome. I wonder if this can be used in the structure builder too using 
.icon(...)
Apr 2, 2021, 12:21 AM
Itā€™s mentioned here although I personally couldnā€™t seem to get it working the other dayā€¦
Apr 2, 2021, 12:23 AM
user S
check this šŸ˜›. You. can also make a file icons.js and export them all from there, you know the drill. I like this approach cuz you can add css to align them nicely.

import S from '@sanity/desk-tool/structure-builder'

import React from 'react'

import Emoji from 'a11y-react-emoji'


// Icons

const IconInformation = () => (

<Emoji style={{ fontSize: '1.5rem' }} symbol=":tophat:" />

)

const IconHome = () => <Emoji style={{ fontSize: '1.5rem' }} symbol=":house_with_garden:" />

const IconSelectedWork = () => (

<Emoji style={{ fontSize: '1.5rem' }} symbol=":star:" />

)

const IconSiteSettings = () => (

<Emoji style={{ fontSize: '1.5rem' }} symbol=":gear:" />

)

const IconClients = () => <Emoji style={{ fontSize: '1.5rem' }} symbol=":champagne:" />

const IconNavigation = () => (

<Emoji style={{ fontSize: '1.5rem' }} symbol=":compass:" />

)


const hiddenDocTypes = (listItem) =>

![

'home',

'information',

'siteSettings',

'selectedWork',

'clients',

'navigation',

].includes(listItem.getId())


export default () =>

S.list()

.title('Content')

.items([

...S.documentTypeListItems().filter(hiddenDocTypes),

S.listItem()

.title('Selected Work')

.icon(IconSelectedWork)

.child(

S.editor()

.id('selectedWork')

.schemaType('selectedWork')

.documentId('selectedWork')

),

S.divider(),

S.listItem()

.title('Navigation Content')

.icon(IconNavigation)

.child(

S.editor()

.id('navigation')

.schemaType('navigation')

.documentId('navigation')

),

S.divider(),

S.listItem()

.title('Site Settings')

.icon(IconSiteSettings)

.child(

S.editor()

.id('siteSettings')

.schemaType('siteSettings')

.documentId('siteSettings')

),

S.divider(),

S.listItem()

.title('Home')

.icon(IconHome)

.child(S.editor().id('home').schemaType('home').documentId('home')),

S.listItem()

.title('Clients')

.icon(IconClients)

.child(

S.editor().id('clients').schemaType('clients').documentId('clients')

),

S.listItem()

.title('Information')

.icon(IconInformation)

.child(

S.editor()

.id('information')

.schemaType('information')

.documentId('information')

),

])
Apr 2, 2021, 7:52 AM
user D
Cool!! Clients == šŸ¾ ftw!
Apr 2, 2021, 4:34 PM

Sanity ā€“ Build the way you think, not the way your CMS thinks

Sanity is the developer-first content operating system that gives you complete control. Schema-as-code, GROQ queries, and real-time APIs mean no more workarounds or waiting for deployments. Free to start, scale as you grow.

Get started for freeExplore the demo

Was this answer helpful?