status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Map each sidebar button

This commit is contained in:
Hristo Nedelkov 2023-09-26 13:45:45 +03:00
parent 24d77cba9b
commit eafe7841b5
1 changed files with 12 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/pages/Dashboard/LeftSidebar.tsx
View File

@ -41,26 +41,19 @@ const LeftSidebar = () => {
border: '1px solid #F0F2F5', border: '1px solid #F0F2F5',
}} }}
> >
<IconButtonWithDot {buttons.map((button: any) => (
iconEl={<DashboardIcon size={20} />} <IconButtonWithDot
variant="ghost" key={button.id}
isDotOn={false} iconEl={renderIcon(button.id)}
selected={true} variant={button.isDisabled ? "outline" : "ghost"}
/> isDotOn={button.isDotOn}
<IconButtonWithDot iconEl={<SpeedIcon size={20} />} variant="ghost" isDotOn={false} /> selected={button.isSelected}
<IconButtonWithDot disabled={button.isDisabled}
iconEl={<ChartIcon size={20} />} id={button.id}
variant="outline" />
isDotOn={false} ))}
disabled={true}
/>
<IconButtonWithDot iconEl={<HeartIcon size={20} />} variant="ghost" isDotOn={false} />
<IconButtonWithDot iconEl={<CodeBlockIcon size={20} />} variant="ghost" isDotOn={false} />
<IconButtonWithDot iconEl={<CommunitiesIcon size={20} />} variant="ghost" isDotOn={false} />
<IconButtonWithDot iconEl={<ActivityCenterIcon size={20} />} variant="ghost" isDotOn={true} />
<IconButtonWithDot iconEl={<SettingsIcon size={20} />} variant="ghost" isDotOn={false} />
</YStack> </YStack>
) );
} }
export default LeftSidebar export default LeftSidebar