chore(home): add title to tab badges

to display the full number of videos when the number exceeds 99+
AXeL-dev · Jul 30, 2022 · aea4e5f · aea4e5f
1 parent a6eab93
commit aea4e5f
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/ui/components/pages/Home/Tab/index.tsx b/src/ui/components/pages/Home/Tab/index.tsx
@@ -22,7 +22,16 @@ export default function Tab(props: TabProps) {
       label={
         <Box sx={{ display: 'flex', alignItems: 'center' }}>
           {label}
-          {badge && selected ? <Badge badgeContent={badge} /> : null}
+          {badge && selected ? (
+            <Badge
+              badgeContent={badge}
+              title={
+                ['number', 'string'].includes(typeof badge)
+                  ? (badge as string)
+                  : ''
+              }
+            />
+          ) : null}
         </Box>
       }
       disableRipple