fix: solana rewards message

forbole · Apr 16, 2024 · ea82bee · ea82bee
1 parent abd1a2b
commit ea82bee
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 0 deletions.
diff --git a/public/locales/en/staking.json b/public/locales/en/staking.json
@@ -15,6 +15,7 @@
   "claimRewards": {
     "claimFrom": "Claim from:",
     "selectNetwork": "Select network:",
+    "solanaInfo": "On solana, your rewards will be distributed automatically to your staking account every 2-3 days, it means you don't need to withdraw it manually!",
     "title": "Claim Rewards"
   },
   "commission": "Commission Rate",

diff --git a/public/locales/zh-CN/staking.json b/public/locales/zh-CN/staking.json
@@ -15,6 +15,7 @@
   "claimRewards": {
     "claimFrom": "选择网络：",
     "selectNetwork": "选择网络：",
+    "solanaInfo": "在 solana 上，您的奖励将每 2-3 天自动分配到您的质押账户，这意味着您无需手动提取！",
     "title": "领取奖励"
   },
   "commission": "佣金",

diff --git a/public/locales/zh-HK/staking.json b/public/locales/zh-HK/staking.json
@@ -15,6 +15,7 @@
   "claimRewards": {
     "claimFrom": "從哪個錢包領取？",
     "selectNetwork": "選擇網路：",
+    "solanaInfo": "在 solana 上，您的獎勵將每 2-3 天自動分配到您的質押帳戶，這意味著您無需手動提取！",
     "title": "領取獎勵"
   },
   "commission": "佣金",

diff --git a/src/screens/staking/components/staking_section/claim_rewards_modal.module.scss b/src/screens/staking/components/staking_section/claim_rewards_modal.module.scss
@@ -35,3 +35,10 @@
   flex-direction: column;
   gap: 12px;
 }
+
+.infoMessage {
+  color: $color-blue-1;
+  margin: 0 auto;
+  max-width: 600px;
+  text-align: center;
+}
diff --git a/src/screens/staking/components/staking_section/claim_rewards_modal.tsx b/src/screens/staking/components/staking_section/claim_rewards_modal.tsx
@@ -18,6 +18,7 @@ import {
   getSelectedAccount,
 } from "@src/screens/staking/lib/staking_sdk/context/selectors";
 import type { Coin } from "@src/screens/staking/lib/staking_sdk/core/base";
+import { solanaNetworks } from "@src/screens/staking/lib/staking_sdk/core/solana";
 import { formatCoin } from "@src/screens/staking/lib/staking_sdk/formatters";
 import { accountHasRewards } from "@src/screens/staking/lib/staking_sdk/utils/accounts";
 import {
@@ -64,6 +65,11 @@ const ClaimRewardsModal = () => {
     setSelectedAccount(stakingRef.current, null, null);
   };
 
+  const infoMessage =
+    networkId && solanaNetworks.has(networkId)
+      ? `* ${t("claimRewards.solanaInfo")}`
+      : "";
+
   return (
     <ModalBase onClose={onClose} open={isOpen} title={t("claimRewards.title")}>
       <div className={styles.wrapper}>
@@ -94,6 +100,7 @@ const ClaimRewardsModal = () => {
             </div>
           </div>
         )}
+        {infoMessage && <div className={styles.infoMessage}>{infoMessage}</div>}
         <HighlightButton
           disabled={!address || !networkId || isLoading || !hasRewards}
           onClick={() => {