diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/VideoPostCard.tsx | 63 |
1 files changed, 34 insertions, 29 deletions
diff --git a/src/components/VideoPostCard.tsx b/src/components/VideoPostCard.tsx index c28adad8b..191c7b82a 100644 --- a/src/components/VideoPostCard.tsx +++ b/src/components/VideoPostCard.tsx @@ -390,6 +390,7 @@ export function CompactVideoPostCard({ if (!AppBskyEmbedVideo.isView(embed)) return null const likeCount = post?.likeCount ?? 0 + const showLikeCount = false const {thumbnail} = embed const black = getBlackColor(t) @@ -475,47 +476,51 @@ export function CompactVideoPostCard({ /> <MediaInsetBorder /> - <View style={[a.absolute, a.inset_0]}> + <View style={[a.absolute, a.inset_0, t.atoms.shadow_sm]}> <View style={[a.absolute, a.inset_0, a.p_sm, {bottom: 'auto'}]}> <View - style={[a.relative, a.rounded_full, {width: 20, height: 20}]}> + style={[a.relative, a.rounded_full, {width: 24, height: 24}]}> <UserAvatar type="user" - size={20} + size={24} avatar={post.author.avatar} /> <MediaInsetBorder /> </View> </View> - <View - style={[ - a.absolute, - a.inset_0, - a.pt_2xl, - { - top: 'auto', - }, - ]}> - <LinearGradient - colors={[black, 'rgba(0, 0, 0, 0)']} - locations={[0.02, 1]} - start={{x: 0, y: 1}} - end={{x: 0, y: 0}} - style={[a.absolute, a.inset_0, {opacity: 0.9}]} - /> + {showLikeCount && ( <View - style={[a.relative, a.z_10, a.p_sm, a.flex_row, a.gap_md]}> - {likeCount > 0 && ( - <View style={[a.flex_row, a.align_center, a.gap_xs]}> - <Heart size="sm" fill="white" /> - <Text style={[a.text_sm, a.font_bold, {color: 'white'}]}> - {formatCount(i18n, likeCount)} - </Text> - </View> - )} + style={[ + a.absolute, + a.inset_0, + a.pt_2xl, + { + top: 'auto', + }, + ]}> + <LinearGradient + colors={[black, 'rgba(0, 0, 0, 0)']} + locations={[0.02, 1]} + start={{x: 0, y: 1}} + end={{x: 0, y: 0}} + style={[a.absolute, a.inset_0, {opacity: 0.9}]} + /> + + <View + style={[a.relative, a.z_10, a.p_sm, a.flex_row, a.gap_md]}> + {likeCount > 0 && ( + <View style={[a.flex_row, a.align_center, a.gap_xs]}> + <Heart size="sm" fill="white" /> + <Text + style={[a.text_sm, a.font_bold, {color: 'white'}]}> + {formatCount(i18n, likeCount)} + </Text> + </View> + )} + </View> </View> - </View> + )} </View> </View> </Hider.Content> |