From 62693abb0992a35f2cd57c7caf8b94304c2756f7 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Thu, 29 Feb 2024 15:31:44 +0530
Subject: [PATCH] chore: project emoji icon improvement (#3837)

---
 web/components/emoji-icon-picker/index.tsx |  2 +-
 web/helpers/emoji.helper.tsx               | 19 ++++++++-----------
 2 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/web/components/emoji-icon-picker/index.tsx b/web/components/emoji-icon-picker/index.tsx
index 0c72b986a..57d5d8896 100644
--- a/web/components/emoji-icon-picker/index.tsx
+++ b/web/components/emoji-icon-picker/index.tsx
@@ -53,7 +53,7 @@ const EmojiIconPicker: React.FC<Props> = (props) => {
       <Popover.Button
         ref={buttonRef}
         onClick={() => setIsOpen((prev) => !prev)}
-        className="outline-none"
+        className="outline-none flex items-center justify-center"
         disabled={disabled}
       >
         {label}
diff --git a/web/helpers/emoji.helper.tsx b/web/helpers/emoji.helper.tsx
index 026211634..5ff95027b 100644
--- a/web/helpers/emoji.helper.tsx
+++ b/web/helpers/emoji.helper.tsx
@@ -30,7 +30,7 @@ export const renderEmoji = (
 
   if (typeof emoji === "object")
     return (
-      <span style={{ color: emoji.color }} className="material-symbols-rounded !text-sm">
+      <span style={{ fontSize: "16px", color: emoji.color }} className="material-symbols-rounded">
         {emoji.name}
       </span>
     );
@@ -41,16 +41,13 @@ export const groupReactions: (reactions: any[], key: string) => { [key: string]:
   reactions: any,
   key: string
 ) => {
-  const groupedReactions = reactions.reduce(
-    (acc: any, reaction: any) => {
-      if (!acc[reaction[key]]) {
-        acc[reaction[key]] = [];
-      }
-      acc[reaction[key]].push(reaction);
-      return acc;
-    },
-    {} as { [key: string]: any[] }
-  );
+  const groupedReactions = reactions.reduce((acc: any, reaction: any) => {
+    if (!acc[reaction[key]]) {
+      acc[reaction[key]] = [];
+    }
+    acc[reaction[key]].push(reaction);
+    return acc;
+  }, {} as { [key: string]: any[] });
 
   return groupedReactions;
 };