Add colon around custom emoji

ealush · Nov 6, 2023 · 57aa181 · 57aa181
1 parent 7a367d0
commit 57aa181
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}