fix: power icon color

Signed-off-by: Innei <i@innei.in>
RSSNext · Sep 9, 2024 · a765cd2 · a765cd2
1 parent 5ad8acf
commit a765cd2
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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,