fix: unify setting tab icon color, fix #303

Signed-off-by: Innei <i@innei.in>
RSSNext · Sep 9, 2024 · 33a049a · 33a049a
1 parent 6c60dd2
commit 33a049a
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 8 deletions.
diff --git a/icons/mgc/power.svg b/icons/mgc/power.svg
diff --git a/src/renderer/src/modules/settings/title.tsx b/src/renderer/src/modules/settings/title.tsx
@@ -37,9 +37,11 @@ export const SettingsTitle = ({
   className?: string
   loader?: () => SettingPageConfig
 }) => {
-  const { iconName, name: title } = (useLoaderData() ||
-    loader?.() ||
-    {}) as SettingPageConfig
+  const {
+    iconName,
+    name: title,
+    headerIcon,
+  } = (useLoaderData() || loader?.() || {}) as SettingPageConfig
 
   if (!title) {
     return null
@@ -52,7 +54,7 @@ export const SettingsTitle = ({
         className,
       )}
     >
-      <i className={iconName} />
+      <i className={headerIcon || iconName} />
       <span>{title}</span>
     </div>
   )

diff --git a/src/renderer/src/modules/settings/utils.ts b/src/renderer/src/modules/settings/utils.ts
@@ -2,7 +2,7 @@ export interface SettingPageConfig {
   iconName: string
   name: string
   priority: number
-
+  headerIcon?: string
 }
 export const defineSettingPage = (config: SettingPageConfig) => () => ({
   ...config,

diff --git a/src/renderer/src/pages/settings/(settings)/wallet.tsx b/src/renderer/src/pages/settings/(settings)/wallet.tsx
@@ -1,14 +1,15 @@
 import { SettingWallet } from "@renderer/modules/settings/tabs/wallet"
 import { defineSettingPage } from "@renderer/modules/settings/utils"
 
-const iconName = "i-mgc-power"
+const iconName = `i-mgc-power-outline`
 const name = "Power"
 const priority = 1050
 
 export const loader = defineSettingPage({
   iconName,
   name,
   priority,
+  headerIcon: `i-mgc-power text-accent`,
 })
 
 export function Component() {