Unsupported emojis should render the shortcode

[ajbeaven]

I've found that 🤷 doesn't seem to render anything when using the messenger set:

<Emoji
    emoji={':shrug:'}
    sheetSize={32}
    size={32}
    set="messenger"
    backgroundImageFn={(() => require('../../../assets/img/emoji-messenger-32.png'))}
/>

Presumably this is because the messenger set doesn't support this emoji? In my opinion, it's better to render something rather than nothing. I'd suggest using the raw shortcode passed in to the emoji.

[savardc]

We're also having this issue. I'm ok with rendering the shortname or maybe add a callback?

[EtienneLem]

Went the callback way, as picker still requires unsupported emojis to be ignored. Here’s how you would render :shrug: when unsupported:

<Emoji
  set={'messenger'}
  emoji={'shrug'}
  size={24}
  fallback={(emoji) => {
    return `:${emoji.short_names[0]}:`
  }}
/>

I hope that’s good enough 😄

[ajbeaven]

Woah, that was crazy fast. Thanks heaps!