s

web/apps/photos/src/components/Export.tsx

@@ -235,7 +235,7 @@ function ExportDirectory({ exportFolder, changeExportDirectory, exportStage }) {
                     )}
                 </>
             ) : (
-                <Button color={"accent"} onClick={changeExportDirectory}>
+                <Button color="accent" onClick={changeExportDirectory}>
                     {t("select_folder")}
                 </Button>
             )}

web/apps/photos/src/components/ExportPendingList.tsx

@@ -71,7 +71,7 @@ const ExportPendingList = (props: Iprops) => {
             />
             <FocusVisibleButton
                 fullWidth
-                color={"secondary"}
+                color="secondary"
                 onClick={props.onClose}
             >
                 {t("close")}

web/apps/photos/src/components/PhotoViewer/FileInfo.tsx

@@ -964,10 +964,7 @@ const RawExif: React.FC<RawExifProps> = ({
                 caption={fileName}
                 onRootClose={handleRootClose}
                 actionButton={
-                    <CopyButton
-                        code={JSON.stringify(tags)}
-                        color={"secondary"}
-                    />
+                    <CopyButton code={JSON.stringify(tags)} color="secondary" />
                 }
             />
             <Stack sx={{ gap: 2, py: 3, px: 1 }}>

web/apps/photos/src/components/PhotoViewer/index.tsx

@@ -1037,7 +1037,7 @@ const ConversionFailedNotification: React.FC<
         >
             <Paper sx={{ width: "320px" }}>
                 <Button
-                    color={"secondary"}
+                    color="secondary"
                     onClick={handleClick}
                     sx={{
                         borderRadius: "8px",

web/packages/base/components/Titlebar.tsx

@@ -39,7 +39,7 @@ export const Titlebar: React.FC<TitlebarProps> = ({
                 <Stack direction="row" sx={{ gap: "4px" }}>
                     {actionButton && actionButton}
                     {!backIsClose && (
-                        <IconButton onClick={onRootClose} color={"secondary"}>
+                        <IconButton onClick={onRootClose} color="secondary">
                             <CloseIcon />
                         </IconButton>
                     )}

web/packages/base/components/mui/SidebarDrawer.tsx

@@ -115,12 +115,12 @@ export const SidebarDrawerTitlebar: React.FC<SidebarDrawerTitlebarProps> = ({
 }) => (
     <Stack sx={{ gap: "4px" }}>
         <SpaceBetweenFlex sx={{ minHeight: "48px" }}>
-            <IconButton onClick={onClose} color={"primary"}>
+            <IconButton onClick={onClose} color="primary">
                 <ArrowBackIcon />
             </IconButton>
             <Stack direction="row" sx={{ gap: "4px" }}>
                 {actionButton && actionButton}
-                <IconButton onClick={onRootClose} color={"secondary"}>
+                <IconButton onClick={onRootClose} color="secondary">
                     <CloseIcon />
                 </IconButton>
             </Stack>

web/packages/new/photos/components/gallery/PeopleHeader.tsx

@@ -721,7 +721,7 @@ const SuggestionsDialog: React.FC<SuggestionsDialogProps> = ({
                     fullWidth
                     disabled={!hasUnsavedChanges}
                     loading={state.activity == "saving"}
-                    color={"accent"}
+                    color="accent"
                     onClick={handleSave}
                 >
                     {t("save")}