Clean up the post controls UI (#2614)

* Hide zeros on post ctrls

* Align buttons between posts

* Update loading placeholders

* Remove unused
This commit is contained in:
dan 2024-01-25 01:38:23 +00:00 committed by GitHub
parent e111a31c1d
commit 63fbdede42
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 52 additions and 41 deletions

View file

@ -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,
},