diff --git a/native/chat/inline-engagement.react.js b/native/chat/inline-engagement.react.js --- a/native/chat/inline-engagement.react.js +++ b/native/chat/inline-engagement.react.js @@ -183,10 +183,16 @@ } return Object.keys(reactions).map(reaction => { - const numOfReacts = reactions[reaction].users.length; + const reactionInfo = reactions[reaction]; + const numOfReacts = reactionInfo.users.length; + + const style = reactionInfo.viewerReacted + ? [...reactionStyle, styles.reactionsContainerSelected] + : reactionStyle; + return ( onPressReaction(reaction)} onLongPress={onLongPressReaction} activeOpacity={0.7} @@ -202,6 +208,7 @@ reactionStyle, reactions, styles.reaction, + styles.reactionsContainerSelected, ]); const inlineEngagementPositionStyle = React.useMemo(() => { @@ -284,6 +291,12 @@ borderRadius: 8, marginTop: inlineEngagementStyle.marginTop, }, + reactionsContainerSelected: { + borderWidth: 1, + borderColor: 'inlineEngagementLabel', + paddingHorizontal: 7, + paddingVertical: 3, + }, reactionsContainerMarginLeft: { marginLeft: 4, },