{file.name} |
{byteStringToHumanSizeString(file.size.toString())} |
- {file.uploadingState ? (
- file.uploadingState != "finished" ? (
-
- ) : (
-
- )
- ) : (
+ {file.uploadingProgress == 0 ? (
+ ) : (
+
)}
|
diff --git a/frontend/src/components/upload/UploadProgressIndicator.tsx b/frontend/src/components/upload/UploadProgressIndicator.tsx
new file mode 100644
index 0000000..95800bb
--- /dev/null
+++ b/frontend/src/components/upload/UploadProgressIndicator.tsx
@@ -0,0 +1,20 @@
+import { RingProgress } from "@mantine/core";
+import { CircleCheck, CircleX } from "tabler-icons-react";
+
+const UploadProgressIndicator = ({ progress }: { progress: number }) => {
+ if (progress > 0 && progress < 100) {
+ return (
+