Show "99+" in left pane unread count, instead of high values
This commit is contained in:
@@ -138,7 +138,7 @@ export const BaseConversationListItem: FunctionComponent<PropsType> = React.memo
|
|||||||
/>
|
/>
|
||||||
{isUnread && (
|
{isUnread && (
|
||||||
<div className={`${BASE_CLASS_NAME}__unread-count`}>
|
<div className={`${BASE_CLASS_NAME}__unread-count`}>
|
||||||
{unreadCount || ''}
|
{formatUnreadCount(unreadCount)}
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</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);
|
||||||
|
}
|
||||||
|
Reference in New Issue
Block a user