icons

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 }) => (
-  <IconChevronsLeft
+export const SidebarCollapseIcon = ({ className, size = '1em', stroke = 1.6, ...rest }) => (
+  <IconLayoutSidebarLeftCollapse
     className={composeClassName('icon', className)}
     size={size}
     stroke={stroke}
@@ -148,8 +149,17 @@ export const ChevronsLeftIcon = ({ className, size = '1em', stroke = 1.6, ...res
   />
 );
 
-export const ChevronsRightIcon = ({ className, size = '1em', stroke = 1.6, ...rest }) => (
-  <IconChevronsRight
+export const SidebarExpandIcon = ({ className, size = '1em', stroke = 1.6, ...rest }) => (
+  <IconLayoutSidebarLeftExpand
+    className={composeClassName('icon', className)}
+    size={size}
+    stroke={stroke}
+    {...rest}
+  />
+);
+
+export const DetailPanelCollapseIcon = ({ className, size = '1em', stroke = 1.6, ...rest }) => (
+  <IconLayoutSidebarRightCollapse
     className={composeClassName('icon', className)}
     size={size}
     stroke={stroke}
@@ -356,8 +366,9 @@ export default {
   DownloadIcon,
   ViewListIcon,
   ViewGridIcon,
-  ChevronsLeftIcon,
-  ChevronsRightIcon,
+  SidebarCollapseIcon,
+  SidebarExpandIcon,
+  DetailPanelCollapseIcon,
   AnalyzeIcon,
   WindowMaximizeIcon,
   FolderPlusIcon,