From 270a628478b04e5e43b0f082c07b845f291b79f1 Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mnvr.in>
Date: Thu, 20 Feb 2025 13:09:53 +0530
Subject: [PATCH] Use

---
 web/apps/photos/src/components/Upload.tsx | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/web/apps/photos/src/components/Upload.tsx b/web/apps/photos/src/components/Upload.tsx
index ad2fe96b8c..5831e348e5 100644
--- a/web/apps/photos/src/components/Upload.tsx
+++ b/web/apps/photos/src/components/Upload.tsx
@@ -1230,10 +1230,7 @@ const DefaultOptions: React.FC<UploadOptionsProps> = ({
                             startIcon={<ImageOutlinedIcon />}
                             endIcon={
                                 pendingUploadType == "files" ? (
-                                    <CircularProgress
-                                        // color="accent"
-                                        size={20}
-                                    />
+                                    <PendingIndicator />
                                 ) : (
                                     <ChevronRightIcon />
                                 )
@@ -1244,7 +1241,13 @@ const DefaultOptions: React.FC<UploadOptionsProps> = ({
                     )}
                     <RowButton
                         startIcon={<PermMediaOutlinedIcon />}
-                        endIcon={<ChevronRightIcon />}
+                        endIcon={
+                            pendingUploadType == "folders" ? (
+                                <PendingIndicator />
+                            ) : (
+                                <ChevronRightIcon />
+                            )
+                        }
                         label={t("folder")}
                         onClick={() => onSelect("folders")}
                     />
@@ -1272,6 +1275,10 @@ const DefaultOptions: React.FC<UploadOptionsProps> = ({
     );
 };
 
+const PendingIndicator = () => (
+    <CircularProgress size={18} sx={{ color: "stroke.muted" }} />
+);
+
 const TakeoutOptions: React.FC<
     Pick<UploadOptionsProps, "onSelect" | "onClose">
 > = ({ onSelect, onClose }) => (