Show loading state when deleting uploads

This commit is contained in:
Sam Becker 2025-04-29 00:01:02 -05:00
parent 1894d710ef
commit 30e76b6509
2 changed files with 8 additions and 2 deletions

View File

@ -42,6 +42,7 @@ export default function AdminUploadsClient({
urlAddStatuses,
setUrlAddStatuses,
isDeleting,
setIsDeleting,
}} />
</div>
);

View File

@ -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({
<DeleteBlobButton
urls={[url]}
shouldRedirectToAdminPhotos={urlAddStatuses.length <= 1}
onDelete={() =>
onDeleteStart={() => setIsDeleting?.(true)}
onDelete={() => {
setIsDeleting?.(false);
setUrlAddStatuses?.(urlAddStatuses
.filter(({ url: urlToRemove }) =>
urlToRemove !== url))}
urlToRemove !== url));
}}
isLoading={isDeleting}
/>
</>}