diff --git a/src/pages/AccountDetails/AccountStaking/AccountStaking.tsx b/src/pages/AccountDetails/AccountStaking/AccountStaking.tsx index 918d8cb55..7b8c6b686 100644 --- a/src/pages/AccountDetails/AccountStaking/AccountStaking.tsx +++ b/src/pages/AccountDetails/AccountStaking/AccountStaking.tsx @@ -44,7 +44,7 @@ export const AccountStaking = () => { ) : []; - const needsData = address && stakingDataReady && address !== stateAddress; + const needsData = address && address !== stateAddress; const hasStaking = showDelegation || showDelegationLegacy || showStake; const isReady = providerDataReady && diff --git a/src/pages/AccountDetails/AccountStaking/components/DonutChart/DonutChart.tsx b/src/pages/AccountDetails/AccountStaking/components/DonutChart/DonutChart.tsx index a012f6bb6..a3a47e994 100644 --- a/src/pages/AccountDetails/AccountStaking/components/DonutChart/DonutChart.tsx +++ b/src/pages/AccountDetails/AccountStaking/components/DonutChart/DonutChart.tsx @@ -29,25 +29,31 @@ export const DonutChart = ({ } ]; + const hasNoActiveStake = bNtotalLocked.isEqualTo(0); + return ( <>
- {bNtotalLocked.isEqualTo(0) ? 'No staking' : 'Total Staked'} + {hasNoActiveStake ? 'No staking' : 'Total Staked'}
-
- -
-
- -
+ {!hasNoActiveStake && ( + <> +
+ +
+
+ +
+ + )}