From e75d49bc8b9225665d43353a5090ca64f7056443 Mon Sep 17 00:00:00 2001
From: nhannah <ne.hannah@gmail.com>
Date: Fri, 9 Apr 2021 13:03:00 -0600
Subject: [PATCH] add reaction size to overlay reaction list

---
 src/components/MessageOverlay/OverlayReactionList.tsx | 10 +++++++---
 src/contexts/themeContext/utils/theme.ts              |  2 ++
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/MessageOverlay/OverlayReactionList.tsx b/src/components/MessageOverlay/OverlayReactionList.tsx
index 1dcab491e0..c4fc99a602 100644
--- a/src/components/MessageOverlay/OverlayReactionList.tsx
+++ b/src/components/MessageOverlay/OverlayReactionList.tsx
@@ -144,7 +144,7 @@ export const ReactionButton = <
     theme: {
       colors: { accent_blue, grey },
       overlay: {
-        reactionsList: { reaction },
+        reactionsList: { reaction, reactionSize },
       },
     },
   } = useTheme();
@@ -251,9 +251,13 @@ export const ReactionButton = <
           iconStyle,
         ]}
       >
-        <Icon pathFill={grey} />
+        <Icon height={reactionSize} pathFill={grey} width={reactionSize} />
         <Animated.View style={[styles.selectedIcon, selectedStyle]}>
-          <Icon pathFill={accent_blue} />
+          <Icon
+            height={reactionSize}
+            pathFill={accent_blue}
+            width={reactionSize}
+          />
         </Animated.View>
       </Animated.View>
     </TapGestureHandler>
diff --git a/src/contexts/themeContext/utils/theme.ts b/src/contexts/themeContext/utils/theme.ts
index db812787b4..6f1d8a029f 100644
--- a/src/contexts/themeContext/utils/theme.ts
+++ b/src/contexts/themeContext/utils/theme.ts
@@ -465,6 +465,7 @@ export type Theme = {
       radius: number;
       reaction: ViewStyle;
       reactionList: ViewStyle;
+      reactionSize: number;
     };
   };
   reply: {
@@ -936,6 +937,7 @@ export const defaultTheme: Theme = {
       radius: 2.5,
       reaction: {},
       reactionList: {},
+      reactionSize: 24,
     },
   },
   reply: {