From eafe7841b53e061db4b7333d17536d4ef913c3e4 Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Tue, 26 Sep 2023 13:45:45 +0300
Subject: [PATCH] Map each sidebar button

---
 src/pages/Dashboard/LeftSidebar.tsx | 31 +++++++++++------------------
 1 file changed, 12 insertions(+), 19 deletions(-)

diff --git a/src/pages/Dashboard/LeftSidebar.tsx b/src/pages/Dashboard/LeftSidebar.tsx
index d5edaf2b..0da8715b 100644
--- a/src/pages/Dashboard/LeftSidebar.tsx
+++ b/src/pages/Dashboard/LeftSidebar.tsx
@@ -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