Page MenuHomePhabricator

D8600.id29308.diff
No OneTemporary

D8600.id29308.diff

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 (
<GestureTouchableOpacity
- style={reactionStyle}
+ style={style}
onPress={() => 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,
},

File Metadata

Mime Type
text/plain
Expires
Sat, Nov 30, 3:38 PM (20 h, 55 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2601154
Default Alt Text
D8600.id29308.diff (1 KB)

Event Timeline