From 7a94fefa15c8a6d7e9b4c67e0476d1609829819b Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Wed, 10 Apr 2024 18:02:27 +0300
Subject: [PATCH] fix(left-sidebar): remove useless components

---
 .../General/LeftSidebar/LeftSidebar.tsx       |  6 +--
 .../LeftSidebar/LeftSidebarIconButton.tsx     | 40 +++++++++----------
 2 files changed, 22 insertions(+), 24 deletions(-)

diff --git a/src/components/General/LeftSidebar/LeftSidebar.tsx b/src/components/General/LeftSidebar/LeftSidebar.tsx
index 880b6758..a8c8c9d6 100644
--- a/src/components/General/LeftSidebar/LeftSidebar.tsx
+++ b/src/components/General/LeftSidebar/LeftSidebar.tsx
@@ -8,7 +8,7 @@ import {
   ActivityCenterIcon,
   SettingsIcon,
 } from '@status-im/icons'
-import { YStack } from 'tamagui'
+import { Stack, YStack } from 'tamagui'
 import { useSelector } from 'react-redux'
 import { Tooltip } from '@status-im/components'
 
@@ -41,14 +41,14 @@ const LeftSidebar = () => {
     >
       {buttons.map((button: SidebarButton) => (
         <Tooltip side="right" content={button.tooltip} key={button.path}>
-          <div style={{ padding: '3px', cursor: 'pointer' }}>
+          <Stack>
             <LeftSidebarIconButton
               iconEl={iconMap[button.path as keyof typeof iconMap]}
               isDotOn={button.isDotOn}
               isDisabled={button.isDisabled}
               path={button.path}
             />
-          </div>
+          </Stack>
         </Tooltip>
       ))}
     </YStack>
diff --git a/src/components/General/LeftSidebar/LeftSidebarIconButton.tsx b/src/components/General/LeftSidebar/LeftSidebarIconButton.tsx
index 20785173..12d32830 100644
--- a/src/components/General/LeftSidebar/LeftSidebarIconButton.tsx
+++ b/src/components/General/LeftSidebar/LeftSidebarIconButton.tsx
@@ -17,28 +17,26 @@ const LeftSidebarIconButton = ({
 }: IconButtonWithDotProps) => {
   return (
     <Link to={path}>
-      <Stack style={{ position: 'relative', display: 'inline-block' }}>
-        <IconButton
-          icon={iconEl}
-          variant={isDisabled ? 'outline' : 'ghost'}
-          selected={path === window.location.pathname}
-          disabled={isDisabled}
+      <IconButton
+        icon={iconEl}
+        variant={isDisabled ? 'outline' : 'ghost'}
+        selected={path === window.location.pathname}
+        disabled={isDisabled}
+      />
+      {isDotOn && (
+        <Stack
+          style={{
+            position: 'absolute',
+            right: 7,
+            top: 5,
+            width: '9px',
+            height: '9px',
+            borderRadius: '50%',
+            backgroundColor: '#1992D7',
+            border: '1.5px solid #fff',
+          }}
         />
-        {isDotOn && (
-          <Stack
-            style={{
-              position: 'absolute',
-              right: 7,
-              top: 5,
-              width: '9px',
-              height: '9px',
-              borderRadius: '50%',
-              backgroundColor: '#1992D7',
-              border: '1.5px solid #fff',
-            }}
-          />
-        )}
-      </Stack>
+      )}
     </Link>
   )
 }