Add skin to emoji data of clicked emojis

No `skin` means the emoji doesn’t have multiple skin tones.
valeriyo · Sep 9, 2022 · cd0bdef · cd0bdef
1 parent 5c4afcf
commit cd0bdef
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -252,6 +252,7 @@ getEmojiDataFromNative('🤞🏿').then(console.log)
   name: 'Crossed Fingers',
   native: '🤞🏿',
   shortcodes: ':crossed_fingers::skin-tone-6:',
+  skin: 6,
   unified: '1f91e-1f3ff',
 } */
 ```

diff --git a/packages/emoji-mart/README.md b/packages/emoji-mart/README.md
@@ -252,6 +252,7 @@ getEmojiDataFromNative('🤞🏿').then(console.log)
   name: 'Crossed Fingers',
   native: '🤞🏿',
   shortcodes: ':crossed_fingers::skin-tone-6:',
+  skin: 6,
   unified: '1f91e-1f3ff',
 } */
 ```

diff --git a/packages/emoji-mart/src/utils.js b/packages/emoji-mart/src/utils.js
@@ -16,7 +16,13 @@ export async function sleep(frames = 1) {
 }
 
 export function getEmojiData(emoji, { skinIndex } = {}) {
-  const skin = emoji.skins[skinIndex] || emoji.skins[0]
+  const skin =
+    emoji.skins[skinIndex] ||
+    (() => {
+      skinIndex = 0
+      return emoji.skins[skinIndex]
+    })()
+
   const emojiData = {
     id: emoji.id,
     name: emoji.name,
@@ -26,6 +32,10 @@ export function getEmojiData(emoji, { skinIndex } = {}) {
     shortcodes: skin.shortcodes || emoji.shortcodes,
   }
 
+  if (emoji.skins.length > 1) {
+    emojiData.skin = skinIndex + 1
+  }
+
   if (skin.src) {
     emojiData.src = skin.src
   }