Drop unread indicator limit and fix overflow issue

This commit is contained in:
Alvaro
2023-01-25 10:27:59 -07:00
committed by GitHub
parent 2d9cbf4795
commit f751687af3
3 changed files with 6 additions and 39 deletions

View File

@@ -310,22 +310,9 @@ function UnreadIndicator({
return null;
}
let classModifier: undefined | string;
if (count > 99) {
classModifier = 'many';
} else if (count > 9) {
classModifier = 'two-digits';
}
return (
<div
className={classNames(
`${BASE_CLASS_NAME}__unread-indicator`,
classModifier &&
`${BASE_CLASS_NAME}__unread-indicator--${classModifier}`
)}
>
{Boolean(count) && Math.min(count, 99)}
<div className={classNames(`${BASE_CLASS_NAME}__unread-indicator`)}>
{Boolean(count) && count}
</div>
);
}