From 6e456b97cbdc8c13b586a939ddcdfbf2587ed3cf Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Wed, 7 Apr 2021 16:58:23 -0400
Subject: updated unread styling

---
 src/components/messages/MessagesHeader.tsx | 4 +++-
 src/screens/chat/ChatListScreen.tsx        | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

(limited to 'src')

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}>
diff --git a/src/screens/chat/ChatListScreen.tsx b/src/screens/chat/ChatListScreen.tsx
index 9011ed4a..98a7f097 100644
--- a/src/screens/chat/ChatListScreen.tsx
+++ b/src/screens/chat/ChatListScreen.tsx
@@ -80,6 +80,7 @@ const ChatListScreen: React.FC<ChatListScreenProps> = ({navigation}) => {
                   watch: true,
                 }}
                 sort={{last_message_at: -1}}
+                maxUnreadCount={99}
               />
             </View>
           </Chat>
-- 
cgit v1.2.3-70-g09d2