From 24d77cba9b73325f779b730950cadefb7f30efb9 Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Tue, 26 Sep 2023 13:45:32 +0300
Subject: [PATCH] Render sidebar buttons function

---
 src/pages/Dashboard/LeftSidebar.tsx | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/pages/Dashboard/LeftSidebar.tsx b/src/pages/Dashboard/LeftSidebar.tsx
index 87b046f1..d5edaf2b 100644
--- a/src/pages/Dashboard/LeftSidebar.tsx
+++ b/src/pages/Dashboard/LeftSidebar.tsx
@@ -11,11 +11,25 @@ import {
 import { YStack } from 'tamagui'
 import IconButtonWithDot from './IconButtonWithDot'
 import { useDispatch, useSelector } from 'react-redux'
+import { toggleButtonSelection } from '../../redux/Sidebars/slice'
 
 const LeftSidebar = () => {
+ 
   const buttons = useSelector((state: any) => state.leftSidebar.buttons)
-  console.log(buttons)
-  return (
+
+  const renderIcon = (id: string) => {
+    switch (id) {
+      case 'dashboard': return <DashboardIcon size={20} />;
+      case 'speed': return <SpeedIcon size={20} />;
+      case 'chart': return <ChartIcon size={20} />;
+      case 'heart': return <HeartIcon size={20} />;
+      case 'codeBlock': return <CodeBlockIcon size={20} />;
+      case 'communities': return <CommunitiesIcon size={20} />;
+      case 'activityCenter': return <ActivityCenterIcon size={20} />;
+      case 'settings': return <SettingsIcon size={20} />;
+      default: return null;
+    }
+  }; return (
     <YStack
       space={'$4'}
       minHeight={'100vh'}