From 097f7e4131c41dfe6d6d7ca7274c02ad9a132d78 Mon Sep 17 00:00:00 2001
From: Evyatar <code@ealush.com>
Date: Mon, 6 Nov 2023 18:57:15 +0200
Subject: [PATCH] Add colon around custom emoji

---
 src/components/PickerDemo.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/PickerDemo.tsx b/src/components/PickerDemo.tsx
index 850d3d80..a1378ef1 100644
--- 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}