From f79288826849d0a6e64cb4e1e85b2830ccecc47b Mon Sep 17 00:00:00 2001
From: Paul Makles <paulmakles@gmail.com>
Date: Sun, 10 Jul 2022 14:27:00 +0100
Subject: [PATCH] chore: bump UI library

---
 package.json                                  |  2 +-
 .../common/messaging/MessageBox.tsx           | 21 ++++++++++---------
 yarn.lock                                     | 10 ++++-----
 3 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/package.json b/package.json
index 7e89c29a..3b78027a 100644
--- a/package.json
+++ b/package.json
@@ -73,7 +73,7 @@
         "@hcaptcha/react-hcaptcha": "^0.3.6",
         "@insertish/vite-plugin-babel-macros": "^1.0.5",
         "@preact/preset-vite": "^2.0.0",
-        "@revoltchat/ui": "1.0.72",
+        "@revoltchat/ui": "1.0.74",
         "@rollup/plugin-replace": "^2.4.2",
         "@styled-icons/boxicons-logos": "^10.38.0",
         "@styled-icons/boxicons-regular": "^10.38.0",
diff --git a/src/components/common/messaging/MessageBox.tsx b/src/components/common/messaging/MessageBox.tsx
index 7b76aef9..ec964227 100644
--- a/src/components/common/messaging/MessageBox.tsx
+++ b/src/components/common/messaging/MessageBox.tsx
@@ -147,16 +147,7 @@ const HackAlertThisFileWillBeReplaced = observer(({ channel }: Props) => {
     const renderEmoji = useMemo(
         () =>
             memo(({ emoji }: { emoji: string }) => (
-                <a
-                    onClick={() => {
-                        const v = state.draft.get(channel._id);
-                        state.draft.set(
-                            channel._id,
-                            `${v ? `${v} ` : ""}:${emoji}:`,
-                        );
-                    }}>
-                    <RenderEmoji match={emoji} {...({} as any)} />
-                </a>
+                <RenderEmoji match={emoji} {...({} as any)} />
             )),
         [],
     );
@@ -184,11 +175,21 @@ const HackAlertThisFileWillBeReplaced = observer(({ channel }: Props) => {
         }
     }
 
+    categories.push({
+        id: "default",
+        name: "Default",
+        emoji: "smiley",
+    });
+
     return (
         <Picker
             emojis={emojis}
             categories={categories}
             renderEmoji={renderEmoji}
+            onSelect={(emoji) => {
+                const v = state.draft.get(channel._id);
+                state.draft.set(channel._id, `${v ? `${v} ` : ""}:${emoji}:`);
+            }}
         />
     );
 });
diff --git a/yarn.lock b/yarn.lock
index 61a6f15f..46aebd82 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2240,9 +2240,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@revoltchat/ui@npm:1.0.72":
-  version: 1.0.72
-  resolution: "@revoltchat/ui@npm:1.0.72"
+"@revoltchat/ui@npm:1.0.74":
+  version: 1.0.74
+  resolution: "@revoltchat/ui@npm:1.0.74"
   dependencies:
     "@styled-icons/boxicons-logos": ^10.38.0
     "@styled-icons/boxicons-regular": ^10.38.0
@@ -2256,7 +2256,7 @@ __metadata:
     react-virtuoso: ^2.12.0
   peerDependencies:
     revolt.js: "*"
-  checksum: 8ca6d68709591a9505cc62089ab42fe887fcd4ceaac81c7f673b41b7be1d850ba852d0c2dc09bb77c8e1bce22b3255ebfbf95922d57aa2c3d2288aacd7819a25
+  checksum: 39a018702de6f72ddc640e5a26417ef560f304626a7a266c8710c75a93c36213ba84e341257b3dc3704dda79309a4738390ebf57d05af339c07e14875d5bf6f5
   languageName: node
   linkType: hard
 
@@ -3626,7 +3626,7 @@ __metadata:
     "@hcaptcha/react-hcaptcha": ^0.3.6
     "@insertish/vite-plugin-babel-macros": ^1.0.5
     "@preact/preset-vite": ^2.0.0
-    "@revoltchat/ui": 1.0.72
+    "@revoltchat/ui": 1.0.74
     "@rollup/plugin-replace": ^2.4.2
     "@styled-icons/boxicons-logos": ^10.38.0
     "@styled-icons/boxicons-regular": ^10.38.0