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',
}}
>
<IconButtonWithDot
iconEl={<DashboardIcon size={20} />}
variant="ghost"
isDotOn={false}
selected={true}
/>
<IconButtonWithDot iconEl={<SpeedIcon size={20} />} variant="ghost" isDotOn={false} />
<IconButtonWithDot
iconEl={<ChartIcon size={20} />}
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} />
{buttons.map((button: any) => (
<IconButtonWithDot
key={button.id}
iconEl={renderIcon(button.id)}
variant={button.isDisabled ? "outline" : "ghost"}
isDotOn={button.isDotOn}
selected={button.isSelected}
disabled={button.isDisabled}
id={button.id}
/>
))}
</YStack>
)
);
}
export default LeftSidebar