diff --git a/src/admin/AdminUploadsClient.tsx b/src/admin/AdminUploadsClient.tsx index 54eebc26..9027c2e2 100644 --- a/src/admin/AdminUploadsClient.tsx +++ b/src/admin/AdminUploadsClient.tsx @@ -42,6 +42,7 @@ export default function AdminUploadsClient({ urlAddStatuses, setUrlAddStatuses, isDeleting, + setIsDeleting, }} /> ); diff --git a/src/admin/AdminUploadsTable.tsx b/src/admin/AdminUploadsTable.tsx index bfb99e03..bb157c5c 100644 --- a/src/admin/AdminUploadsTable.tsx +++ b/src/admin/AdminUploadsTable.tsx @@ -19,11 +19,13 @@ export default function AdminUploadsTable({ urlAddStatuses, setUrlAddStatuses, isDeleting, + setIsDeleting, }: { isAdding?: boolean urlAddStatuses: UrlAddStatus[] setUrlAddStatuses?: (urlAddStatuses: UrlAddStatus[]) => void isDeleting?: boolean + setIsDeleting?: (isDeleting: boolean) => void }) { const isComplete = urlAddStatuses.every(({ status }) => status === 'added'); @@ -96,10 +98,13 @@ export default function AdminUploadsTable({ + onDeleteStart={() => setIsDeleting?.(true)} + onDelete={() => { + setIsDeleting?.(false); setUrlAddStatuses?.(urlAddStatuses .filter(({ url: urlToRemove }) => - urlToRemove !== url))} + urlToRemove !== url)); + }} isLoading={isDeleting} /> }