feat(frontend): thread file size from upload through to the download card

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
2026-07-31 16:04:01 +02:00
co-authored by Claude Sonnet 5
parent f1f7a0162d
commit a647bee507
+4 -3
View File
@@ -80,7 +80,8 @@ export function HomePage() {
async function handleConvert() { async function handleConvert() {
const validItems = pendingFiles.filter((item) => item.targetFormat); const validItems = pendingFiles.filter((item) => item.targetFormat);
const jobs = await uploadFiles(validItems); const jobs = await uploadFiles(validItems);
setSubmittedJobs((current) => [...current, ...jobs]); const jobsWithSize = jobs.map((job, i) => ({ ...job, size: validItems[i].file.size }));
setSubmittedJobs((current) => [...current, ...jobsWithSize]);
setPendingFiles([]); setPendingFiles([]);
} }
@@ -116,9 +117,9 @@ export function HomePage() {
<ul className="job-list"> <ul className="job-list">
{submittedJobs.map((job, index) => {submittedJobs.map((job, index) =>
job.id ? ( job.id ? (
<FileCard key={job.id} fileName={job.file} jobId={job.id} /> <FileCard key={job.id} fileName={job.file} fileSize={job.size} jobId={job.id} />
) : ( ) : (
<FileCard key={`${job.file}-${index}`} fileName={job.file} initialError={job.error} /> <FileCard key={`${job.file}-${index}`} fileName={job.file} fileSize={job.size} initialError={job.error} />
) )
)} )}
</ul> </ul>