-
- Shielded Balance
-
-
-
+
+
+
+ {data !== undefined ?
+
+
+
+ Shielded Balance
+
+
+
+
-
-
- :
- }
+
+ :
+ }
+
-
+
);
};
diff --git a/apps/namadillo/src/App/Masp/ShieldedNamBalance.tsx b/apps/namadillo/src/App/Masp/ShieldedNamBalance.tsx
index 771947703..f46ecffd3 100644
--- a/apps/namadillo/src/App/Masp/ShieldedNamBalance.tsx
+++ b/apps/namadillo/src/App/Masp/ShieldedNamBalance.tsx
@@ -2,6 +2,7 @@ import { SkeletonLoading, Stack, Tooltip } from "@namada/components";
import { AtomErrorBoundary } from "App/Common/AtomErrorBoundary";
import { NamCurrency } from "App/Common/NamCurrency";
import { namShieldedBalanceAtom, shieldedBalanceAtom } from "atoms/masp/atoms";
+import { applicationFeaturesAtom } from "atoms/settings/atoms";
import BigNumber from "bignumber.js";
import { useAtomValue } from "jotai";
import { GoInfo } from "react-icons/go";
@@ -31,6 +32,7 @@ const AsyncNamCurrency = ({ amount }: { amount?: BigNumber }): JSX.Element => {
export const ShieldedNamBalance = (): JSX.Element => {
const shieldedBalanceQuery = useAtomValue(shieldedBalanceAtom);
const { data: namAmount } = useAtomValue(namShieldedBalanceAtom);
+ const { shieldingRewardsEnabled } = useAtomValue(applicationFeaturesAtom);
return (
{
className={twMerge(
"relative",
"flex flex-col gap-4 justify-between",
- "rounded-sm bg-neutral-900 p-4 "
+ "rounded-sm bg-neutral-900 p-4",
+ !shieldingRewardsEnabled &&
+ "opacity-25 pointer-events-none select-none"
)}
>
@@ -93,14 +97,18 @@ export const ShieldedNamBalance = (): JSX.Element => {
rewards per Epoch
-
+ {shieldingRewardsEnabled ?
+
+ : --
}
- Shielding more assets will increase your rewards
+ {shieldingRewardsEnabled ?
+ "Shielding more assets will increase your rewards"
+ : "Shielding Rewards will be enabled in phase 4"}