Add colon around custom emoji

ealush · Nov 6, 2023 · 097f7e4 · 097f7e4
1 parent 7a367d0
commit 097f7e4
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/PickerDemo.tsx b/src/components/PickerDemo.tsx
@@ -28,7 +28,11 @@ export default function PickerDemo() {
     <div>
       <div className={styles.PickerDemo}>
         <Picker
-          onEmojiClick={(emoji) => setTextareaValue((tv) => tv + emoji.emoji)}
+          onEmojiClick={(emoji) =>
+            setTextareaValue((tv) =>
+              tv + emoji?.isCustom ? `:${emoji.emoji}:` : emoji.emoji
+            )
+          }
           key={now}
           autoFocusSearch={false}
           {...pickerProps}