From a7bbc9e00d0e7f33063243bac6591035f7bb22e0 Mon Sep 17 00:00:00 2001
From: nitin <142569587+ehconitin@users.noreply.github.com>
Date: Fri, 29 Nov 2024 20:43:22 +0530
Subject: [PATCH] Render IconFolderOpen when folder is open (#8811)

closes #8809


https://github.com/user-attachments/assets/519e03ea-ae5e-4e4b-b03f-cf60d61dea49
---
 .../components/CurrentWorkspaceMemberFavorites.tsx       | 9 +++++++--
 .../twenty-ui/src/display/icon/components/TablerIcons.ts | 1 +
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/twenty-front/src/modules/favorites/components/CurrentWorkspaceMemberFavorites.tsx b/packages/twenty-front/src/modules/favorites/components/CurrentWorkspaceMemberFavorites.tsx
index d45d8ef65..28926cd77 100644
--- a/packages/twenty-front/src/modules/favorites/components/CurrentWorkspaceMemberFavorites.tsx
+++ b/packages/twenty-front/src/modules/favorites/components/CurrentWorkspaceMemberFavorites.tsx
@@ -20,7 +20,12 @@ import { useState } from 'react';
 import { createPortal } from 'react-dom';
 import { useLocation } from 'react-router-dom';
 import { useRecoilState } from 'recoil';
-import { IconFolder, IconHeartOff, LightIconButton } from 'twenty-ui';
+import {
+  IconFolder,
+  IconFolderOpen,
+  IconHeartOff,
+  LightIconButton,
+} from 'twenty-ui';
 
 type CurrentWorkspaceMemberFavoritesProps = {
   folder: {
@@ -137,7 +142,7 @@ export const CurrentWorkspaceMemberFavorites = ({
           <NavigationDrawerItem
             key={folder.folderId}
             label={folder.folderName}
-            Icon={IconFolder}
+            Icon={isOpen ? IconFolderOpen : IconFolder}
             onClick={handleToggle}
             rightOptions={rightOptions}
             className="navigation-drawer-item"
diff --git a/packages/twenty-ui/src/display/icon/components/TablerIcons.ts b/packages/twenty-ui/src/display/icon/components/TablerIcons.ts
index bbede9ec9..7b2cfe6fa 100644
--- a/packages/twenty-ui/src/display/icon/components/TablerIcons.ts
+++ b/packages/twenty-ui/src/display/icon/components/TablerIcons.ts
@@ -133,6 +133,7 @@ export {
   IconFlag,
   IconFocusCentered,
   IconFolder,
+  IconFolderOpen,
   IconFolderPlus,
   IconForbid,
   IconFunction,