Archives/Athou_commafeed
1
0
Fork 1
mirror of https://github.com/Athou/commafeed.git synced 2026-03-21 21:37:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

shorten count starting at 10k and add a tooltip with the exact count(#1150)

Browse Source
This commit is contained in:
Athou
2023-09-23 16:43:22 +02:00
parent a11cb3ac7a
commit 8ac452afc9
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
commafeed-client/src/components/sidebar/UnreadCount.tsx
View File

@@ -1,4 +1,4 @@
import { Badge, createStyles } from "@mantine/core"
import { Badge, createStyles, Tooltip } from "@mantine/core"
const useStyles = createStyles(() => ({
badge: {
@@ -13,6 +13,10 @@ export function UnreadCount(props: { unreadCount: number }) {
if (props.unreadCount <= 0) return null
const count = props.unreadCount >= 1000 ? "999+" : props.unreadCount
return <Badge className={classes.badge}>{count}</Badge>
const count = props.unreadCount >= 10000 ? "10k+" : props.unreadCount
return (
<Tooltip label={props.unreadCount} disabled={props.unreadCount === count}>
<Badge className={classes.badge}>{count}</Badge>
</Tooltip>
)
}