From 31a653be32ecd54c89c7292abd9a4d778afa0d5d Mon Sep 17 00:00:00 2001
From: James Brunton <james@stirlingpdf.com>
Date: Thu, 18 Dec 2025 09:34:15 +0000
Subject: [PATCH] Fix icon name warnings

---
 .../shared/config/LoginRequiredBanner.tsx     |  2 +-
 .../config/configSections/GeneralSection.tsx  |  2 +-
 .../core/components/toast/ToastRenderer.tsx   |  6 ++--
 .../addAttachments/AddAttachmentsSettings.tsx |  2 +-
 .../tools/sign/SavedSignaturesSection.tsx     | 28 +++++++++----------
 .../components/tools/sign/SignSettings.tsx    |  8 +++---
 .../core/data/useTranslatedToolRegistry.tsx   |  2 +-
 7 files changed, 25 insertions(+), 25 deletions(-)

diff --git a/frontend/src/core/components/shared/config/LoginRequiredBanner.tsx b/frontend/src/core/components/shared/config/LoginRequiredBanner.tsx
index de611b64b..f16e38f4e 100644
--- a/frontend/src/core/components/shared/config/LoginRequiredBanner.tsx
+++ b/frontend/src/core/components/shared/config/LoginRequiredBanner.tsx
@@ -17,7 +17,7 @@ export default function LoginRequiredBanner({ show }: LoginRequiredBannerProps)
 
   return (
     <Alert
-      icon={<LocalIcon icon="lock-rounded" width={20} height={20} />}
+      icon={<LocalIcon icon="lock" width={20} height={20} />}
       title={t('admin.settings.loginDisabled.title', 'Login Mode Required')}
       color="blue"
       variant="light"
diff --git a/frontend/src/core/components/shared/config/configSections/GeneralSection.tsx b/frontend/src/core/components/shared/config/configSections/GeneralSection.tsx
index e8f37a286..37723abbc 100644
--- a/frontend/src/core/components/shared/config/configSections/GeneralSection.tsx
+++ b/frontend/src/core/components/shared/config/configSections/GeneralSection.tsx
@@ -193,7 +193,7 @@ const GeneralSection: React.FC<GeneralSectionProps> = ({ hideTitle = false }) =>
                     size="sm"
                     color={updateSummary.max_priority === 'urgent' ? 'red' : 'blue'}
                     onClick={() => setUpdateModalOpened(true)}
-                    leftSection={<LocalIcon icon="system-update-rounded" width="1rem" height="1rem" />}
+                    leftSection={<LocalIcon icon="system-update-alt-rounded" width="1rem" height="1rem" />}
                   >
                     {t('settings.general.updates.viewDetails', 'View Details')}
                   </Button>
diff --git a/frontend/src/core/components/toast/ToastRenderer.tsx b/frontend/src/core/components/toast/ToastRenderer.tsx
index 09891099f..dc7eb5659 100644
--- a/frontend/src/core/components/toast/ToastRenderer.tsx
+++ b/frontend/src/core/components/toast/ToastRenderer.tsx
@@ -63,7 +63,7 @@ export default function ToastRenderer() {
                   {/* Icon */}
                   <div className="toast-icon">
                     {t.icon ?? (
-                      <LocalIcon icon={`material-symbols:${getDefaultIconName(t)}`} width={20} height={20} />
+                      <LocalIcon icon={getDefaultIconName(t)} width={20} height={20} />
                     )}
                   </div>
 
@@ -86,7 +86,7 @@ export default function ToastRenderer() {
                         }}
                         className={`toast-button toast-expand-button ${t.isExpanded ? 'toast-expand-button--expanded' : ''}`}
                       >
-                        <LocalIcon icon="material-symbols:expand-more-rounded" />
+                        <LocalIcon icon="expand-more-rounded" />
                       </button>
                     )}
                     <button
@@ -94,7 +94,7 @@ export default function ToastRenderer() {
                       onClick={() => dismiss(t.id)}
                       className="toast-button"
                     >
-                      <LocalIcon icon="material-symbols:close-rounded" width={20} height={20} />
+                      <LocalIcon icon="close-rounded" width={20} height={20} />
                     </button>
                   </div>
                 </div>
diff --git a/frontend/src/core/components/tools/addAttachments/AddAttachmentsSettings.tsx b/frontend/src/core/components/tools/addAttachments/AddAttachmentsSettings.tsx
index 33d9e8b33..01df6c3a0 100644
--- a/frontend/src/core/components/tools/addAttachments/AddAttachmentsSettings.tsx
+++ b/frontend/src/core/components/tools/addAttachments/AddAttachmentsSettings.tsx
@@ -42,7 +42,7 @@ const AddAttachmentsSettings = ({ parameters, onParameterChange, disabled = fals
           component="label"
           htmlFor="attachments-input"
           disabled={disabled}
-          leftSection={<LocalIcon icon="plus" width="14" height="14" />}
+          leftSection={<LocalIcon icon="add-rounded" width="14" height="14" />}
         >
           {parameters.attachments?.length > 0
             ? t("AddAttachmentsRequest.addMoreFiles", "Add more files...")
diff --git a/frontend/src/core/components/tools/sign/SavedSignaturesSection.tsx b/frontend/src/core/components/tools/sign/SavedSignaturesSection.tsx
index 95a8a7e77..13b828498 100644
--- a/frontend/src/core/components/tools/sign/SavedSignaturesSection.tsx
+++ b/frontend/src/core/components/tools/sign/SavedSignaturesSection.tsx
@@ -234,7 +234,7 @@ export const SavedSignaturesSection = ({
           {groupedSignatures.personal.length > 0 && activePersonalSignature && (
             <Stack gap="xs">
               <Group gap="xs">
-                <LocalIcon icon="material-symbols:person-rounded" width={18} height={18} />
+                <LocalIcon icon="person-rounded" width={18} height={18} />
                 <Text fw={600} size="sm">
                   {translate('saved.personalHeading', 'Personal Signatures')}
                 </Text>
@@ -257,7 +257,7 @@ export const SavedSignaturesSection = ({
                     onClick={() => setActivePersonalIndex(prev => Math.max(0, prev - 1))}
                     disabled={disabled || activePersonalIndex === 0}
                   >
-                    <LocalIcon icon="material-symbols:chevron-left-rounded" width={18} height={18} />
+                    <LocalIcon icon="chevron-left-rounded" width={18} height={18} />
                   </ActionIcon>
                   <ActionIcon
                     variant="light"
@@ -265,7 +265,7 @@ export const SavedSignaturesSection = ({
                     onClick={() => setActivePersonalIndex(prev => Math.min(groupedSignatures.personal.length - 1, prev + 1))}
                     disabled={disabled || activePersonalIndex >= groupedSignatures.personal.length - 1}
                   >
-                    <LocalIcon icon="material-symbols:chevron-right-rounded" width={18} height={18} />
+                    <LocalIcon icon="chevron-right-rounded" width={18} height={18} />
                   </ActionIcon>
                 </Group>
               </Group>
@@ -284,7 +284,7 @@ export const SavedSignaturesSection = ({
                         onClick={() => onUseSignature(activePersonalSignature)}
                         disabled={disabled}
                       >
-                        <LocalIcon icon="material-symbols:check-circle-outline-rounded" width={18} height={18} />
+                        <LocalIcon icon="check-circle-outline-rounded" width={18} height={18} />
                       </ActionIcon>
                       <Tooltip label={translate('saved.delete', 'Remove')}>
                         <ActionIcon
@@ -294,7 +294,7 @@ export const SavedSignaturesSection = ({
                           onClick={() => onDeleteSignature(activePersonalSignature)}
                           disabled={disabled}
                         >
-                          <LocalIcon icon="material-symbols:delete-outline-rounded" width={18} height={18} />
+                          <LocalIcon icon="delete-outline-rounded" width={18} height={18} />
                         </ActionIcon>
                       </Tooltip>
                     </Group>
@@ -317,7 +317,7 @@ export const SavedSignaturesSection = ({
           {groupedSignatures.shared.length > 0 && activeSharedSignature && (
             <Stack gap="xs">
               <Group gap="xs">
-                <LocalIcon icon="material-symbols:groups-rounded" width={18} height={18} />
+                <LocalIcon icon="groups-rounded" width={18} height={18} />
                 <Text fw={600} size="sm">
                   {translate('saved.sharedHeading', 'Shared Signatures')}
                 </Text>
@@ -340,7 +340,7 @@ export const SavedSignaturesSection = ({
                     onClick={() => setActiveSharedIndex(prev => Math.max(0, prev - 1))}
                     disabled={disabled || activeSharedIndex === 0}
                   >
-                    <LocalIcon icon="material-symbols:chevron-left-rounded" width={18} height={18} />
+                    <LocalIcon icon="chevron-left-rounded" width={18} height={18} />
                   </ActionIcon>
                   <ActionIcon
                     variant="light"
@@ -348,7 +348,7 @@ export const SavedSignaturesSection = ({
                     onClick={() => setActiveSharedIndex(prev => Math.min(groupedSignatures.shared.length - 1, prev + 1))}
                     disabled={disabled || activeSharedIndex >= groupedSignatures.shared.length - 1}
                   >
-                    <LocalIcon icon="material-symbols:chevron-right-rounded" width={18} height={18} />
+                    <LocalIcon icon="chevron-right-rounded" width={18} height={18} />
                   </ActionIcon>
                 </Group>
               </Group>
@@ -367,7 +367,7 @@ export const SavedSignaturesSection = ({
                         onClick={() => onUseSignature(activeSharedSignature)}
                         disabled={disabled}
                       >
-                        <LocalIcon icon="material-symbols:check-circle-outline-rounded" width={18} height={18} />
+                        <LocalIcon icon="check-circle-outline-rounded" width={18} height={18} />
                       </ActionIcon>
                       {isAdmin && (
                         <Tooltip label={translate('saved.delete', 'Remove')}>
@@ -378,7 +378,7 @@ export const SavedSignaturesSection = ({
                             onClick={() => onDeleteSignature(activeSharedSignature)}
                             disabled={disabled}
                           >
-                            <LocalIcon icon="material-symbols:delete-outline-rounded" width={18} height={18} />
+                            <LocalIcon icon="delete-outline-rounded" width={18} height={18} />
                           </ActionIcon>
                         </Tooltip>
                       )}
@@ -424,7 +424,7 @@ export const SavedSignaturesSection = ({
                     onClick={() => setActiveLocalStorageIndex(prev => Math.max(0, prev - 1))}
                     disabled={disabled || activeLocalStorageIndex === 0}
                   >
-                    <LocalIcon icon="material-symbols:chevron-left-rounded" width={18} height={18} />
+                    <LocalIcon icon="chevron-left-rounded" width={18} height={18} />
                   </ActionIcon>
                   <ActionIcon
                     variant="light"
@@ -432,7 +432,7 @@ export const SavedSignaturesSection = ({
                     onClick={() => setActiveLocalStorageIndex(prev => Math.min(groupedSignatures.localStorage.length - 1, prev + 1))}
                     disabled={disabled || activeLocalStorageIndex >= groupedSignatures.localStorage.length - 1}
                   >
-                    <LocalIcon icon="material-symbols:chevron-right-rounded" width={18} height={18} />
+                    <LocalIcon icon="chevron-right-rounded" width={18} height={18} />
                   </ActionIcon>
                 </Group>
               </Group>
@@ -451,7 +451,7 @@ export const SavedSignaturesSection = ({
                         onClick={() => onUseSignature(activeLocalStorageSignature)}
                         disabled={disabled}
                       >
-                        <LocalIcon icon="material-symbols:check-circle-outline-rounded" width={18} height={18} />
+                        <LocalIcon icon="check-circle-outline-rounded" width={18} height={18} />
                       </ActionIcon>
                       <Tooltip label={translate('saved.delete', 'Remove')}>
                         <ActionIcon
@@ -461,7 +461,7 @@ export const SavedSignaturesSection = ({
                           onClick={() => onDeleteSignature(activeLocalStorageSignature)}
                           disabled={disabled}
                         >
-                          <LocalIcon icon="material-symbols:delete-outline-rounded" width={18} height={18} />
+                          <LocalIcon icon="delete-outline-rounded" width={18} height={18} />
                         </ActionIcon>
                       </Tooltip>
                     </Group>
diff --git a/frontend/src/core/components/tools/sign/SignSettings.tsx b/frontend/src/core/components/tools/sign/SignSettings.tsx
index 12de2cadd..64431881e 100644
--- a/frontend/src/core/components/tools/sign/SignSettings.tsx
+++ b/frontend/src/core/components/tools/sign/SignSettings.tsx
@@ -370,7 +370,7 @@ const SignSettings = ({
       isReady,
       onClick,
       'personal',
-      'material-symbols:person-rounded',
+      'person-rounded',
       translate('saved.savePersonal', 'Save Personal')
     );
 
@@ -379,7 +379,7 @@ const SignSettings = ({
       isReady,
       onClick,
       'shared',
-      'material-symbols:groups-rounded',
+      'groups-rounded',
       translate('saved.saveShared', 'Save Shared')
     );
 
@@ -964,7 +964,7 @@ const SignSettings = ({
                   gap: '0.4rem',
                 }}
               >
-                <LocalIcon icon="material-symbols:pause-rounded" width={20} height={20} />
+                <LocalIcon icon="pause-rounded" width={20} height={20} />
                 <Text component="span" size="sm" fw={500}>
                   {translate('mode.pause', 'Pause placement')}
                 </Text>
@@ -987,7 +987,7 @@ const SignSettings = ({
                   gap: '0.4rem',
                 }}
               >
-                <LocalIcon icon="material-symbols:play-arrow-rounded" width={20} height={20} />
+                <LocalIcon icon="play-arrow-rounded" width={20} height={20} />
                 <Text component="span" size="sm" fw={500}>
                   {translate('mode.resume', 'Resume placement')}
                 </Text>
diff --git a/frontend/src/core/data/useTranslatedToolRegistry.tsx b/frontend/src/core/data/useTranslatedToolRegistry.tsx
index 3208e4ef7..0afbb500b 100644
--- a/frontend/src/core/data/useTranslatedToolRegistry.tsx
+++ b/frontend/src/core/data/useTranslatedToolRegistry.tsx
@@ -223,7 +223,7 @@ export function useTranslatedToolCatalog(): TranslatedToolCatalog {
         supportsAutomate: false, //TODO make support Sign
       },
       addText: {
-        icon: <LocalIcon icon="material-symbols:text-fields-rounded" width="1.5rem" height="1.5rem" />,
+        icon: <LocalIcon icon="text-fields-rounded" width="1.5rem" height="1.5rem" />,
         name: t('home.addText.title', 'Add Text'),
         component: AddText,
         description: t('home.addText.desc', 'Add custom text anywhere in your PDF'),