Map each sidebar button
This commit is contained in:
parent
24d77cba9b
commit
eafe7841b5
|
@ -41,26 +41,19 @@ const LeftSidebar = () => {
|
|||
border: '1px solid #F0F2F5',
|
||||
}}
|
||||
>
|
||||
{buttons.map((button: any) => (
|
||||
<IconButtonWithDot
|
||||
iconEl={<DashboardIcon size={20} />}
|
||||
variant="ghost"
|
||||
isDotOn={false}
|
||||
selected={true}
|
||||
key={button.id}
|
||||
iconEl={renderIcon(button.id)}
|
||||
variant={button.isDisabled ? "outline" : "ghost"}
|
||||
isDotOn={button.isDotOn}
|
||||
selected={button.isSelected}
|
||||
disabled={button.isDisabled}
|
||||
id={button.id}
|
||||
/>
|
||||
<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} />
|
||||
))}
|
||||
</YStack>
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
export default LeftSidebar
|
||||
|
|
Loading…
Reference in New Issue