From a765cd2853ff4fdc267db94600725e5c7dabbaae Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Mon, 9 Sep 2024 16:05:44 +0800
Subject: [PATCH] fix: power icon color

Signed-off-by: Innei <i@innei.in>
---
 src/renderer/src/modules/settings/tabs/invitations.tsx        | 4 ++--
 .../settings/tabs/wallet/my-wallet-section/create-wallet.tsx  | 2 +-
 .../modules/settings/tabs/wallet/my-wallet-section/index.tsx  | 2 +-
 src/renderer/src/modules/wallet/tip-modal.tsx                 | 4 ++--
 src/renderer/src/queries/wallet.tsx                           | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/renderer/src/modules/settings/tabs/invitations.tsx b/src/renderer/src/modules/settings/tabs/invitations.tsx
index b09bcf47a7..e89653319c 100644
--- a/src/renderer/src/modules/settings/tabs/invitations.tsx
+++ b/src/renderer/src/modules/settings/tabs/invitations.tsx
@@ -45,7 +45,7 @@ export const SettingInvitations = () => {
           </p>
           <p className="flex items-center">
             <span>You can spend 10 </span>
-            <i className="i-mgc-power ml-1 mr-0.5 text-base" />
+            <i className="i-mgc-power ml-1 mr-0.5 text-base text-accent" />
             <span> Power to generate an invitation code for your friends.</span>
           </p>
         </div>
@@ -157,7 +157,7 @@ const ConfirmModalContent = ({ dismiss }: { dismiss: () => void }) => {
     <>
       <div className="flex items-center">
         <span>Generating an invitation code will cost you 10 </span>
-        <i className="i-mgc-power mx-1 text-base" />
+        <i className="i-mgc-power mx-1 text-base text-accent" />
         <span>Power. Do you want to continue?</span>
       </div>
       <div className="mt-4 flex items-center justify-end gap-3">
diff --git a/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/create-wallet.tsx b/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/create-wallet.tsx
index a8139abe01..a4f288f6cf 100644
--- a/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/create-wallet.tsx
+++ b/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/create-wallet.tsx
@@ -9,7 +9,7 @@ export const CreateWallet = () => {
       <p className="text-base">
         Create a free wallet to receive{" "}
         <strong className="inline-flex items-baseline gap-1 font-medium">
-          <i className="i-mgc-power translate-y-[2px]" />
+          <i className="i-mgc-power translate-y-[2px] text-accent" />
           Power
         </strong>
         , which can be used to reward creators and also get rewarded for your content contributions.
diff --git a/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/index.tsx b/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/index.tsx
index 4b0e44603d..f8be381427 100644
--- a/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/index.tsx
+++ b/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/index.tsx
@@ -24,7 +24,7 @@ export const MyWalletSection = () => {
     return (
       <div className="center absolute inset-0 flex">
         <LoadingWithIcon
-          icon={<i className="i-mgc-power" />}
+          icon={<i className="i-mgc-power text-accent" />}
           size="large"
           className="-translate-y-full"
         />
diff --git a/src/renderer/src/modules/wallet/tip-modal.tsx b/src/renderer/src/modules/wallet/tip-modal.tsx
index dc5a5465c2..49a27b47e1 100644
--- a/src/renderer/src/modules/wallet/tip-modal.tsx
+++ b/src/renderer/src/modules/wallet/tip-modal.tsx
@@ -26,7 +26,7 @@ const useMyWallet = () => {
 
 const Loading = () => (
   <div className="center h-32 w-[350px]">
-    <LoadingWithIcon icon={<i className="i-mgc-power" />} size="large" />
+    <LoadingWithIcon icon={<i className="i-mgc-power text-accent" />} size="large" />
   </div>
 )
 
@@ -142,7 +142,7 @@ const TipModalContent_: FC<{
 
       <div className="flex flex-col justify-center gap-y-2">
         <div className="flex flex-row items-center gap-x-2 font-bold">
-          <i className="i-mgc-power" />
+          <i className="i-mgc-power text-accent" />
           <span>Amount</span>
         </div>
 
diff --git a/src/renderer/src/queries/wallet.tsx b/src/renderer/src/queries/wallet.tsx
index 05918ab343..2b1177e6a2 100644
--- a/src/renderer/src/queries/wallet.tsx
+++ b/src/renderer/src/queries/wallet.tsx
@@ -85,7 +85,7 @@ export const useClaimWalletDailyRewardMutation = () => {
           className="flex items-center gap-1 text-lg"
           onClick={() => settingModalPresent("wallet")}
         >
-          <i className="i-mgc-power animate-flip" />
+          <i className="i-mgc-power text-accent animate-flip" />
         </div>,
         {
           unstyled: true,