only show sidebar dot seperator if count > 0

This commit is contained in:
Abhinav 2022-06-20 15:28:50 +05:30
parent 0761f2bdea
commit c44b03a2dd

View file

@ -24,10 +24,12 @@ const ShortcutButton: FC<ButtonProps<'button', IProps>> = ({
<Typography variant="body2" display={'flex'} alignItems="center">
<Box mr={'12px'}>{icon}</Box>
{label}
<Box sx={{ color: 'text.secondary' }}>
<DotSeparator />
{count}
</Box>
{count > 0 && (
<Box sx={{ color: 'text.secondary' }}>
<DotSeparator />
{count}
</Box>
)}
</Typography>
</SidebarButton>
);