From 30e76b6509f87e92449206d04d53fccb04e272ff Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Tue, 29 Apr 2025 00:01:02 -0500
Subject: [PATCH] Show loading state when deleting uploads

---
 src/admin/AdminUploadsClient.tsx | 1 +
 src/admin/AdminUploadsTable.tsx  | 9 +++++++--
 2 files changed, 8 insertions(+), 2 deletions(-)

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,
       }} />
     </div>
   );
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({
                   <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}
                   />
                 </>}