feat: use same label for normal networks

forbole · Mar 21, 2024 · 3b966bd · 3b966bd
1 parent 91cb289
commit 3b966bd
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 4 deletions.
diff --git a/...s/staking/components/networks/components/network_grid/components/network_card/popover.tsx b/...s/staking/components/networks/components/network_grid/components/network_card/popover.tsx
@@ -257,8 +257,10 @@ const PopOver = ({
 
               return networkSummary?.bonded > 0
                 ? [
-                    network.denom?.toUpperCase(),
-                    convertToMoney(networkSummary.bonded),
+                    t("votingPower"),
+                    `${convertToMoney(
+                      networkSummary.bonded,
+                    )} ${network.denom?.toUpperCase()}`,
                   ]
                 : null;
             })();

diff --git a/src/screens/staking/components/staking_section/staking_modal.module.scss b/src/screens/staking/components/staking_section/staking_modal.module.scss
@@ -53,3 +53,8 @@
   flex-direction: column;
   gap: 12px;
 }
+
+.labelValue {
+  color: #25282d;
+  font-weight: 600;
+}
diff --git a/src/screens/staking/components/staking_section/staking_modal.tsx b/src/screens/staking/components/staking_section/staking_modal.tsx
@@ -208,7 +208,9 @@ const StakingModal = () => {
               />{" "}
               APY
             </Label>
-            <div>{(networkInfo.apy * 100).toFixed(0)}%</div>
+            <div className={styles.labelValue}>
+              {(networkInfo.apy * 100).toFixed(0)}%
+            </div>
           </div>
         )}
         {unbondingPeriod && (
@@ -222,7 +224,7 @@ const StakingModal = () => {
               />{" "}
               {t("stakingModal.unbonding")}
             </Label>
-            <div>
+            <div className={styles.labelValue}>
               {t("staking.days", {
                 count: unbondingPeriod.days,
               })}