Render IconFolderOpen when folder is open (#8811)
closes #8809 https://github.com/user-attachments/assets/519e03ea-ae5e-4e4b-b03f-cf60d61dea49
This commit is contained in:
@ -20,7 +20,12 @@ import { useState } from 'react';
|
|||||||
import { createPortal } from 'react-dom';
|
import { createPortal } from 'react-dom';
|
||||||
import { useLocation } from 'react-router-dom';
|
import { useLocation } from 'react-router-dom';
|
||||||
import { useRecoilState } from 'recoil';
|
import { useRecoilState } from 'recoil';
|
||||||
import { IconFolder, IconHeartOff, LightIconButton } from 'twenty-ui';
|
import {
|
||||||
|
IconFolder,
|
||||||
|
IconFolderOpen,
|
||||||
|
IconHeartOff,
|
||||||
|
LightIconButton,
|
||||||
|
} from 'twenty-ui';
|
||||||
|
|
||||||
type CurrentWorkspaceMemberFavoritesProps = {
|
type CurrentWorkspaceMemberFavoritesProps = {
|
||||||
folder: {
|
folder: {
|
||||||
@ -137,7 +142,7 @@ export const CurrentWorkspaceMemberFavorites = ({
|
|||||||
<NavigationDrawerItem
|
<NavigationDrawerItem
|
||||||
key={folder.folderId}
|
key={folder.folderId}
|
||||||
label={folder.folderName}
|
label={folder.folderName}
|
||||||
Icon={IconFolder}
|
Icon={isOpen ? IconFolderOpen : IconFolder}
|
||||||
onClick={handleToggle}
|
onClick={handleToggle}
|
||||||
rightOptions={rightOptions}
|
rightOptions={rightOptions}
|
||||||
className="navigation-drawer-item"
|
className="navigation-drawer-item"
|
||||||
|
|||||||
@ -133,6 +133,7 @@ export {
|
|||||||
IconFlag,
|
IconFlag,
|
||||||
IconFocusCentered,
|
IconFocusCentered,
|
||||||
IconFolder,
|
IconFolder,
|
||||||
|
IconFolderOpen,
|
||||||
IconFolderPlus,
|
IconFolderPlus,
|
||||||
IconForbid,
|
IconForbid,
|
||||||
IconFunction,
|
IconFunction,
|
||||||
|
|||||||
Reference in New Issue
Block a user