653d72bcb9
* add first concept * finished first concept * allow 3 uploads at same time * retry if chunk failed * updated clean temporary files job * fix throttling for chunk uploads * update tests * remove multer * migrate from `MAX_FILE_SIZE` to `MAX_SHARE_SIZE` * improve error handling if file failed to upload * fix promise limit * improve file progress
20 lines
555 B
TypeScript
20 lines
555 B
TypeScript
import { Loader, RingProgress } from "@mantine/core";
|
|
import { TbCircleCheck } from "react-icons/tb";
|
|
const UploadProgressIndicator = ({ progress }: { progress: number }) => {
|
|
if (progress > 0 && progress < 100) {
|
|
return (
|
|
<RingProgress
|
|
sections={[{ value: progress, color: "victoria" }]}
|
|
thickness={3}
|
|
size={25}
|
|
/>
|
|
);
|
|
} else if (progress >= 100) {
|
|
return <TbCircleCheck color="green" size={22} />;
|
|
} else {
|
|
return <Loader color="red" size={19} />;
|
|
}
|
|
};
|
|
|
|
export default UploadProgressIndicator;
|