|
|
|
@ -6,7 +6,7 @@ export interface SidebarButtonProps { |
|
|
|
count?: number; |
|
|
|
active?: boolean; |
|
|
|
Icon?: LucideIcon; |
|
|
|
element?; |
|
|
|
children: React.ReactNode; |
|
|
|
onClick?: () => void; |
|
|
|
disabled?: boolean; |
|
|
|
} |
|
|
|
@ -16,7 +16,7 @@ export const SidebarButton = ({ |
|
|
|
active, |
|
|
|
Icon, |
|
|
|
count, |
|
|
|
element, |
|
|
|
children, |
|
|
|
onClick, |
|
|
|
disabled = false, |
|
|
|
}: SidebarButtonProps) => ( |
|
|
|
@ -28,8 +28,8 @@ export const SidebarButton = ({ |
|
|
|
disabled={disabled} |
|
|
|
> |
|
|
|
{Icon && <Icon size={16} />} |
|
|
|
{element && element} |
|
|
|
{children && children} |
|
|
|
<span className="flex flex-1 justify-start shrink-0">{label}</span> |
|
|
|
{count > 0 && !active && <div className="justify-end text-white rounded-[20%] px-[2%] bg-[rgb(195,0,0)]">{count}</div>} |
|
|
|
{count && count > 0 && !active && <div className="justify-end text-white rounded-[20%] px-[2%] bg-[rgb(195,0,0)]">{count}</div>} |
|
|
|
</Button> |
|
|
|
); |
|
|
|
|