diff --git a/src/frontend/src/modals/fileManagerModal/components/dragFilesComponent/index.tsx b/src/frontend/src/modals/fileManagerModal/components/dragFilesComponent/index.tsx index 5cc21229c..fc330df2c 100644 --- a/src/frontend/src/modals/fileManagerModal/components/dragFilesComponent/index.tsx +++ b/src/frontend/src/modals/fileManagerModal/components/dragFilesComponent/index.tsx @@ -1,4 +1,5 @@ import { useState } from "react"; +import ForwardedIconComponent from "@/components/common/genericIconComponent"; import ShadTooltip from "@/components/common/shadTooltipComponent"; import useUploadFile from "@/hooks/files/use-upload-file"; import useAlertStore from "@/stores/alertStore"; @@ -103,19 +104,21 @@ export default function DragFilesComponent({

{isDragging ? "Drop files here" : "Click or drag files here"}

-

- {types.slice(0, 3).join(", ")} - {types.length > 3 && ( - - - +{types.length - 3} more - - - )} +

+

+ {types.slice(0, 3).join(", ")} + {types.length > 3 && ( + + + +{types.length - 3} more + + + + )} +
- {formatFileSize(maxFileSizeUpload)} + {formatFileSize(maxFileSizeUpload)} max - max