diff options
Diffstat (limited to 'src/view/com/util/post-ctrls')
-rw-r--r-- | src/view/com/util/post-ctrls/PostCtrls.tsx | 21 | ||||
-rw-r--r-- | src/view/com/util/post-ctrls/RepostButton.tsx | 9 | ||||
-rw-r--r-- | src/view/com/util/post-ctrls/RepostButton.web.tsx | 13 |
3 files changed, 19 insertions, 24 deletions
diff --git a/src/view/com/util/post-ctrls/PostCtrls.tsx b/src/view/com/util/post-ctrls/PostCtrls.tsx index 50ef8a875..9ef83b26d 100644 --- a/src/view/com/util/post-ctrls/PostCtrls.tsx +++ b/src/view/com/util/post-ctrls/PostCtrls.tsx @@ -165,19 +165,21 @@ let PostCtrls = ({ strokeWidth={3} size={big ? 20 : 15} /> - {typeof post.replyCount !== 'undefined' ? ( + {typeof post.replyCount !== 'undefined' && post.replyCount > 0 ? ( <Text style={[defaultCtrlColor, s.ml5, s.f15]}> {post.replyCount} </Text> ) : undefined} </TouchableOpacity> - <RepostButton - big={big} - isReposted={!!post.viewer?.repost} - repostCount={post.repostCount} - onRepost={onRepost} - onQuote={onQuote} - /> + <View style={[styles.ctrl, !big && styles.ctrlPad]}> + <RepostButton + big={big} + isReposted={!!post.viewer?.repost} + repostCount={post.repostCount} + onRepost={onRepost} + onQuote={onQuote} + /> + </View> <TouchableOpacity testID="likeBtn" style={[styles.ctrl, !big && styles.ctrlPad]} @@ -199,7 +201,7 @@ let PostCtrls = ({ size={big ? 20 : 16} /> )} - {typeof post.likeCount !== 'undefined' ? ( + {typeof post.likeCount !== 'undefined' && post.likeCount > 0 ? ( <Text testID="likeCount" style={ @@ -237,6 +239,7 @@ const styles = StyleSheet.create({ justifyContent: 'space-between', }, ctrl: { + flex: 1, flexDirection: 'row', alignItems: 'center', }, diff --git a/src/view/com/util/post-ctrls/RepostButton.tsx b/src/view/com/util/post-ctrls/RepostButton.tsx index d45bf1d87..8e70534dc 100644 --- a/src/view/com/util/post-ctrls/RepostButton.tsx +++ b/src/view/com/util/post-ctrls/RepostButton.tsx @@ -53,7 +53,7 @@ let RepostButton = ({ onPress={() => { requireAuth(() => onPressToggleRepostWrapper()) }} - style={[styles.control, !big && styles.controlPad]} + style={[styles.container]} accessibilityRole="button" accessibilityLabel={`${ isReposted @@ -71,7 +71,7 @@ let RepostButton = ({ strokeWidth={2.4} size={big ? 24 : 20} /> - {typeof repostCount !== 'undefined' ? ( + {typeof repostCount !== 'undefined' && repostCount > 0 ? ( <Text testID="repostCount" style={ @@ -89,13 +89,10 @@ RepostButton = memo(RepostButton) export {RepostButton} const styles = StyleSheet.create({ - control: { + container: { flexDirection: 'row', alignItems: 'center', }, - controlPad: { - padding: 5, - }, reposted: { color: colors.green3, }, diff --git a/src/view/com/util/post-ctrls/RepostButton.web.tsx b/src/view/com/util/post-ctrls/RepostButton.web.tsx index 329382132..a888178a3 100644 --- a/src/view/com/util/post-ctrls/RepostButton.web.tsx +++ b/src/view/com/util/post-ctrls/RepostButton.web.tsx @@ -69,19 +69,18 @@ export const RepostButton = ({ const inner = ( <View style={[ - styles.control, - !big && styles.controlPad, + styles.container, (isReposted ? styles.reposted : defaultControlColor) as StyleProp<ViewStyle>, ]}> <RepostIcon strokeWidth={2.2} size={big ? 24 : 20} /> - {typeof repostCount !== 'undefined' ? ( + {typeof repostCount !== 'undefined' && repostCount > 0 ? ( <Text testID="repostCount" type={isReposted ? 'md-bold' : 'md'} style={styles.repostCount}> - {repostCount ?? 0} + {repostCount} </Text> ) : undefined} </View> @@ -110,15 +109,11 @@ export const RepostButton = ({ } const styles = StyleSheet.create({ - control: { - display: 'flex', + container: { flexDirection: 'row', alignItems: 'center', gap: 4, }, - controlPad: { - padding: 5, - }, reposted: { color: colors.green3, }, |