From c2bfcf23c0a91762bf28f9f2c9adbe83b38faea2 Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Tue, 24 Dec 2024 12:36:35 +0530
Subject: [PATCH] larger

---
 web/packages/new/photos/pages/duplicates.tsx | 26 ++++++++++++--------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/web/packages/new/photos/pages/duplicates.tsx b/web/packages/new/photos/pages/duplicates.tsx
index c4019c320b..c0ac6b85f0 100644
--- a/web/packages/new/photos/pages/duplicates.tsx
+++ b/web/packages/new/photos/pages/duplicates.tsx
@@ -619,18 +619,24 @@ const DeduplicateButton: React.FC<DeduplicateButtonProps> = ({
 }) => (
     <FocusVisibleButton
         sx={{ minWidth: "min(100%, 320px)", margin: "auto" }}
-        disabled={prunableCount == 0}
+        disabled={prunableCount == 0 || !!dedupeStatus}
         onClick={onRemoveDuplicates}
     >
-        <Stack sx={{ gap: 1 }}>
-            <Typography>{pt(`Delete ${prunableCount} items`)}</Typography>
-            <Typography variant="small" fontWeight={"normal"}>
-                {dedupeStatus ? (
-                    <CircularProgress color="accent" size="14px" />
-                ) : (
-                    formattedByteSize(prunableSize)
-                )}
-            </Typography>
+        <Stack sx={{ gap: 1, minHeight: "45px", justifyContent: "center" }}>
+            {dedupeStatus ? (
+                <Typography sx={{}}>
+                    <CircularProgress color="primary" size="24px" />
+                </Typography>
+            ) : (
+                <>
+                    <Typography>
+                        {pt(`Delete ${prunableCount} items`)}
+                    </Typography>
+                    <Typography variant="small" fontWeight={"normal"}>
+                        {formattedByteSize(prunableSize)}
+                    </Typography>
+                </>
+            )}
         </Stack>
     </FocusVisibleButton>
 );