From 994f9644c4f66c1ac7a3c6f6a9d3d3d7b8045f6b Mon Sep 17 00:00:00 2001
From: Evan Hahn <69474926+EvanHahn-Signal@users.noreply.github.com>
Date: Tue, 5 Oct 2021 18:46:51 -0500
Subject: [PATCH] Show "99+" in left pane unread count, instead of high values

---
 .../conversationList/BaseConversationListItem.tsx    | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/ts/components/conversationList/BaseConversationListItem.tsx b/ts/components/conversationList/BaseConversationListItem.tsx
index c33ba8fca4c6..10d7dc954941 100644
--- a/ts/components/conversationList/BaseConversationListItem.tsx
+++ b/ts/components/conversationList/BaseConversationListItem.tsx
@@ -138,7 +138,7 @@ export const BaseConversationListItem: FunctionComponent<PropsType> = React.memo
           />
           {isUnread && (
             <div className={`${BASE_CLASS_NAME}__unread-count`}>
-              {unreadCount || ''}
+              {formatUnreadCount(unreadCount)}
             </div>
           )}
         </div>
@@ -233,3 +233,13 @@ export const BaseConversationListItem: FunctionComponent<PropsType> = React.memo
     );
   }
 );
+
+function formatUnreadCount(count: undefined | number): string {
+  if (!count) {
+    return '';
+  }
+  if (count >= 99) {
+    return '99+';
+  }
+  return String(count);
+}