diff --git a/frontend/src/app/useWorkspaceSurface.js b/frontend/src/app/useWorkspaceSurface.js
index 933dff9..eaee1ba 100644
--- a/frontend/src/app/useWorkspaceSurface.js
+++ b/frontend/src/app/useWorkspaceSurface.js
@@ -1,5 +1,5 @@
import React, { useCallback, useMemo } from 'react';
-import { ChevronsRightIcon } from '../ui/icons';
+import { SidebarExpandIcon } from '../ui/icons';
import { createDocumentsSurface } from '../documents/DocumentsPanel';
import { createDocumentViewerSurface } from '../preview/DocumentViewerPanel';
import { createDesktopSurface } from '../DesktopWorkspace';
@@ -37,7 +37,7 @@ export const useWorkspaceSurface = ({
aria-label="Expand sidebar"
title="Expand sidebar"
>
-
+
);
}, [sidebarCollapsed, onExpandSidebar]);
diff --git a/frontend/src/detail/DetailPanel.jsx b/frontend/src/detail/DetailPanel.jsx
index 297c9a6..20d5097 100644
--- a/frontend/src/detail/DetailPanel.jsx
+++ b/frontend/src/detail/DetailPanel.jsx
@@ -3,7 +3,7 @@ import {
DownloadIcon,
ArrowLeftIcon,
ArrowRightIcon,
- ChevronsRightIcon,
+ DetailPanelCollapseIcon,
AnalyzeIcon,
WindowMaximizeIcon,
} from '../ui/icons';
@@ -860,7 +860,7 @@ const DetailPanel = ({
aria-label="Close detail panel"
title="Close detail panel"
>
-
+
),
];
diff --git a/frontend/src/sidebar/Sidebar.jsx b/frontend/src/sidebar/Sidebar.jsx
index 5893e6f..8565ca7 100644
--- a/frontend/src/sidebar/Sidebar.jsx
+++ b/frontend/src/sidebar/Sidebar.jsx
@@ -5,7 +5,7 @@ import {
TrashIcon,
EditIcon,
FolderIcon,
- ChevronsLeftIcon,
+ SidebarCollapseIcon,
LogoutIcon,
ChevronDownIcon,
SettingsIcon,
@@ -533,7 +533,7 @@ const Sidebar = ({
aria-label="Collapse sidebar"
title="Collapse sidebar"
>
-
+
),
]
diff --git a/frontend/src/ui/icons.js b/frontend/src/ui/icons.js
index 0753033..eb3ea48 100644
--- a/frontend/src/ui/icons.js
+++ b/frontend/src/ui/icons.js
@@ -10,8 +10,6 @@ import {
IconArrowLeft,
IconArrowRight,
IconArrowUp,
- IconChevronsRight,
- IconChevronsLeft,
IconAnalyze,
IconWindowMaximize,
IconTextScan2,
@@ -28,6 +26,9 @@ import {
IconSun,
IconMoon,
IconDeviceLaptop,
+ IconLayoutSidebarLeftCollapse,
+ IconLayoutSidebarLeftExpand,
+ IconLayoutSidebarRightCollapse,
} from '@tabler/icons-react';
import FolderSvg from '../assets/folder.svg';
@@ -139,8 +140,8 @@ export const ArrowRightIcon = ({ className, size = '1em', stroke = 1.6, ...rest
/>
);
-export const ChevronsLeftIcon = ({ className, size = '1em', stroke = 1.6, ...rest }) => (
- (
+
);
-export const ChevronsRightIcon = ({ className, size = '1em', stroke = 1.6, ...rest }) => (
- (
+
+);
+
+export const DetailPanelCollapseIcon = ({ className, size = '1em', stroke = 1.6, ...rest }) => (
+