write 😄 for 😄, 🎉 for 🎉, rocket for 🚀 TryQuiet#540

pdurbin · Sep 17, 2023 · 62a2681 · 62a2681
1 parent 1366d05
commit 62a2681
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/packages/desktop/src/renderer/components/widgets/channels/ChannelInput/ChannelInput.tsx b/packages/desktop/src/renderer/components/widgets/channels/ChannelInput/ChannelInput.tsx
@@ -481,6 +481,7 @@ export const ChannelInputComponent: React.FC<ChannelInputProps> = ({
         } else if (inputStateRef.current === INPUT_STATE.AVAILABLE) {
           e.preventDefault()
           const target = e.target as HTMLInputElement
+          target.innerText = replaceEmojicodesWithEmoji(target.innerText);
           onChange(target.innerText)
           onKeyPress(target.innerText)
           setMessage('')
@@ -508,6 +509,16 @@ export const ChannelInputComponent: React.FC<ChannelInputProps> = ({
     ]
   )
 
+  const emojiMap: { [key: string]: string } = {
+    "smile": "😄",
+    "tada": "🎉",
+    "rocket": "🚀",
+  };
+
+  function replaceEmojicodesWithEmoji(text: string) {
+    return text.replace(/:(\w+):/g, (match, p1) => emojiMap[p1] || match);
+  }
+
   const handleFileInput = (event: React.ChangeEvent<HTMLInputElement>) => {
     const target = event.target as HTMLInputElement
     if (!target.files) return