From fa1792e081140c6365dcc1241d033b18c203f165 Mon Sep 17 00:00:00 2001
From: Aditya Tripathi <aditya.t2210@gmail.com>
Date: Sun, 15 Dec 2024 23:54:14 +0530
Subject: [PATCH] Fixed invisible icon on hover issue

---
 src/components/sidebar/Sidebar.tsx | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/src/components/sidebar/Sidebar.tsx b/src/components/sidebar/Sidebar.tsx
index fe74c1b..530caa2 100644
--- a/src/components/sidebar/Sidebar.tsx
+++ b/src/components/sidebar/Sidebar.tsx
@@ -120,20 +120,15 @@ const Sidebar = () => {
             <span className="text-lg font-bold text-neon-green">BM Samay</span>
           </div>
         )}
-        {!isMobile && (
+        {!isMobile && isCollapsed && (
+              // Only show the ChevronRight icon when collapsed
           <Button
             variant="ghost"
             size="icon"
             onClick={handleToggleCollapse}
             className="text-gray-400 hover:text-neon-green hover:bg-neon-green/5 rounded-full"
           >
-            {isCollapsed ? (
-              // Only show the ChevronRight icon when collapsed
               <ChevronRight size={20} />
-            ) : (
-              // Hide the ChevronLeft icon when collapsed
-              <ChevronLeft size={30} className="hidden" />
-            )}
           </Button>
         )}
       </div>