Merge pull request #601 from GetStream/CRNS-287-default-reaction-list…

…-size CRNS-287 - add reaction size to overlay reaction list
GetStream · Apr 14, 2021 · 6b4db5f · 6b4db5f
2 parents 61996d6 + e75d49b
commit 6b4db5f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git 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
@@ -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: {