upload queue

frontend/src/ui/icons.js

@@ -33,6 +33,9 @@ import {
   IconLayoutSidebarLeftCollapse,
   IconLayoutSidebarLeftExpand,
   IconLayoutSidebarRightCollapse,
+  IconLayoutBottombarCollapse,
+  IconLayoutBottombarExpand,
+  IconClearAll,
   IconInfoCircle,
   IconCircleDashedCheck,
   IconFile,
@@ -40,6 +43,7 @@ import {
   IconSortAscendingLetters,
   IconSortDescendingLetters,
   IconFileInfo,
+  IconAlertTriangle,
 } from '@tabler/icons-react';
 import FolderSvg from '../assets/folder.svg';
 import composeClassName from './classNames';
@@ -204,6 +208,33 @@ export const DetailPanelCollapseIcon = ({ className, size = '1em', stroke = 1.6,
   />
 );
 
+export const BottombarCollapseIcon = ({ className, size = '1em', stroke = 1.6, ...rest }) => (
+  <IconLayoutBottombarCollapse
+    className={composeClassName('icon', className)}
+    size={size}
+    stroke={stroke}
+    {...rest}
+  />
+);
+
+export const BottombarExpandIcon = ({ className, size = '1em', stroke = 1.6, ...rest }) => (
+  <IconLayoutBottombarExpand
+    className={composeClassName('icon', className)}
+    size={size}
+    stroke={stroke}
+    {...rest}
+  />
+);
+
+export const ClearAllIcon = ({ className, size = '1em', stroke = 1.6, ...rest }) => (
+  <IconClearAll
+    className={composeClassName('icon', className)}
+    size={size}
+    stroke={stroke}
+    {...rest}
+  />
+);
+
 export const FolderPlusIcon = ({ className, size = '1em', stroke = 1.6, ...rest }) => (
   <IconFolderPlus
     className={composeClassName('icon', className)}
@@ -438,6 +469,15 @@ export const LoaderIcon = ({ className, size = '1em', stroke = 1.8, ...rest }) =
   />
 );
 
+export const WarningIcon = ({ className, size = '1em', stroke = 1.8, ...rest }) => (
+  <IconAlertTriangle
+    className={composeClassName('icon', className)}
+    size={size}
+    stroke={stroke}
+    {...rest}
+  />
+);
+
 export const WindowMaximizeIcon = ({ className, size = '1em', stroke = 1.6, ...rest }) => (
   <IconWindowMaximize
     className={composeClassName('icon', className)}