From abe4d3bf8f61dc9f1074e47c3439b3a45f064346 Mon Sep 17 00:00:00 2001
From: Aliaksandr Kezik <a.kezzk@gmail.com>
Date: Thu, 14 Dec 2023 12:48:39 +0100
Subject: [PATCH] fix: 91 folder icon should be green bordered if chat is
 selected folder background should be green if to hover over

---
 src/components/Folder/Folder.tsx | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/components/Folder/Folder.tsx b/src/components/Folder/Folder.tsx
index 33e8bd776..013ea9a3d 100644
--- a/src/components/Folder/Folder.tsx
+++ b/src/components/Folder/Folder.tsx
@@ -409,6 +409,12 @@ const Folder = <T extends Conversation | Prompt | DialFile>({
     'bg-violet/15',
     'bg-blue-500/20',
   );
+  const hoverBgColor = getByHighlightColor(
+    highlightColor,
+    'hover:bg-green/15',
+    'hover:bg-violet/15',
+    'hover:bg-blue-500/20',
+  );
 
   return (
     <div
@@ -427,6 +433,7 @@ const Folder = <T extends Conversation | Prompt | DialFile>({
       <div
         className={classNames(
           'relative flex h-[30px] items-center rounded border-l-2',
+          hoverBgColor,
           isRenaming ||
             isContextMenu ||
             (allItems === undefined &&
@@ -503,15 +510,7 @@ const Folder = <T extends Conversation | Prompt | DialFile>({
                 highlightColor={highlightColor}
                 featureType={featureType}
               >
-                <IconFolder
-                  size={18}
-                  className={classNames(
-                    'mr-1 text-gray-500',
-                    !isRenaming &&
-                      highlightedFolders?.includes(currentFolder.id) &&
-                      textColor,
-                  )}
-                />
+                <IconFolder size={18} className={'mr-1 text-gray-500'} />
               </ShareIcon>
             )}
             <div