sorting

frontend/src/ui/icons.js

@@ -15,6 +15,8 @@ import {
   IconTextScan2,
   IconFolderPlus,
   IconFolder,
+  IconFolders,
+  IconFoldersOff,
   IconRefresh,
   IconRestore,
   IconMinusVertical,
@@ -34,6 +36,8 @@ import {
   IconCircleDashedCheck,
   IconFile,
   IconLoader,
+  IconSortAscendingLetters,
+  IconSortDescendingLetters,
 } from '@tabler/icons-react';
 import FolderSvg from '../assets/folder.svg';
 
@@ -190,6 +194,24 @@ export const FolderPlusIcon = ({ className, size = '1em', stroke = 1.6, ...rest
   />
 );
 
+export const FoldersIcon = ({ className, size = '1em', stroke = 1.6, ...rest }) => (
+  <IconFolders
+    className={composeClassName('icon', className)}
+    size={size}
+    stroke={stroke}
+    {...rest}
+  />
+);
+
+export const FoldersOffIcon = ({ className, size = '1em', stroke = 1.6, ...rest }) => (
+  <IconFoldersOff
+    className={composeClassName('icon', className)}
+    size={size}
+    stroke={stroke}
+    {...rest}
+  />
+);
+
 export const RefreshIcon = ({ className, size = '1em', stroke = 1.6, ...rest }) => (
   <IconRefresh
     className={composeClassName('icon', className)}
@@ -262,6 +284,24 @@ export const IconFileStack = ({ className, size = 24, stroke = 160, ...rest }) =
   );
 };
 
+export const SortAscendingLettersIcon = ({ className, size = '1em', stroke = 1.6, ...rest }) => (
+  <IconSortAscendingLetters
+    className={composeClassName('icon', className)}
+    size={size}
+    stroke={stroke}
+    {...rest}
+  />
+);
+
+export const SortDescendingLettersIcon = ({ className, size = '1em', stroke = 1.6, ...rest }) => (
+  <IconSortDescendingLetters
+    className={composeClassName('icon', className)}
+    size={size}
+    stroke={stroke}
+    {...rest}
+  />
+);
+
 export const IconX = ({ className, size = '1em', stroke = 1.6, ...rest }) => (
   <TablerIconX
     className={composeClassName('icon', className)}