16 lines
468 B
TypeScript
16 lines
468 B
TypeScript
import Progress from "@/Components/Progress/Progress";
|
|
import { UploadProgress } from "@/Utils/Upload";
|
|
|
|
export default function FileUploadProgress({ progress }: { progress: Array<UploadProgress> }) {
|
|
return (
|
|
<div className="flex flex-col g8">
|
|
{progress.map(p => (
|
|
<div key={p.id} className="flex flex-col g2" id={p.id}>
|
|
{p.file.name}
|
|
<Progress value={p.progress} status={p.stage} />
|
|
</div>
|
|
))}
|
|
</div>
|
|
);
|
|
}
|