prefer no inline functions

2022-11-25 11:53:43 -05:00
parent 12c8aab784
commit b3c4627dac
1 changed files with 11 additions and 8 deletions
--- a/app/products/calls/components/reaction_bar.tsx
+++ b/app/products/calls/components/reaction_bar.tsx
@@ -90,14 +90,17 @@ const ReactionBar = ({raisedHand}: Props) => {
                {raisedHand ? LowerHandText : RaiseHandText}
            </Pressable>
            {
-                predefinedReactions.map(([name, unified]) => (
-                    <EmojiButton
-                        key={name}
-                        emojiName={name}
-                        style={styles.button}
-                        onPress={() => sendReaction({name, unified})}
-                    />
-                ))
+                predefinedReactions.map(([name, unified]) => {
+                    const send = () => sendReaction({name, unified});
+                    return (
+                        <EmojiButton
+                            key={name}
+                            emojiName={name}
+                            style={styles.button}
+                            onPress={send}
+                        />
+                    );
+                })
            }
        </View>
    );