diff options
| author | Ivan Chen <ivan@tagg.id> | 2021-04-07 16:58:23 -0400 |
|---|---|---|
| committer | Ivan Chen <ivan@tagg.id> | 2021-04-07 16:58:23 -0400 |
| commit | 6e456b97cbdc8c13b586a939ddcdfbf2587ed3cf (patch) | |
| tree | 7235b420e77105068b2f81c8e5470fcb05882a95 /src/components/messages/MessagesHeader.tsx | |
| parent | 952329c1ee1ebeee27d86d3dc09f4ceaa0b9f6a1 (diff) | |
updated unread styling
Diffstat (limited to 'src/components/messages/MessagesHeader.tsx')
| -rw-r--r-- | src/components/messages/MessagesHeader.tsx | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/src/components/messages/MessagesHeader.tsx b/src/components/messages/MessagesHeader.tsx index 2b20f48c..18c89de3 100644 --- a/src/components/messages/MessagesHeader.tsx +++ b/src/components/messages/MessagesHeader.tsx @@ -17,7 +17,9 @@ const MessagesHeader: React.FC<MessagesHeaderProps> = ({createChannel}) => { <View style={styles.header}> <Text style={styles.headerText}>Messages</Text> {unread && unread !== 0 && ( - <Text style={styles.unreadText}>{unread} unread</Text> + <Text style={styles.unreadText}> + {unread > 99 ? '99+' : unread} unread + </Text> )} <View style={styles.flex} /> <TouchableOpacity style={styles.compose} onPress={createChannel}> |