diff --git a/features/withdrawals/claim/form/transaction-info.tsx b/features/withdrawals/claim/form/transaction-info.tsx
index c349a0bd..787330f5 100644
--- a/features/withdrawals/claim/form/transaction-info.tsx
+++ b/features/withdrawals/claim/form/transaction-info.tsx
@@ -2,8 +2,11 @@ import { DataTableRow } from '@lidofinance/lido-ui';
import { useClaimFormData } from '../claim-form-context';
import { useClaimTxPrice } from 'features/withdrawals/hooks/useWithdrawTxPrice';
import { FormatPrice } from 'shared/formatters';
+import { useDappStatus } from 'shared/hooks/use-dapp-status';
export const TransactionInfo = () => {
+ const { isDappActive, isAccountActiveOnL2 } = useDappStatus();
+
const { selectedRequests } = useClaimFormData();
const { claimTxPriceInUsd, loading: claimTxPriceLoading } =
useClaimTxPrice(selectedRequests);
@@ -13,7 +16,11 @@ export const TransactionInfo = () => {
title="Max transaction cost"
loading={claimTxPriceLoading}
>
-
+ {!isDappActive || isAccountActiveOnL2 ? (
+ '-'
+ ) : (
+
+ )}
);
};
diff --git a/features/withdrawals/request/form/transaction-info.tsx b/features/withdrawals/request/form/transaction-info.tsx
index 1b0b53e8..c532d7a4 100644
--- a/features/withdrawals/request/form/transaction-info.tsx
+++ b/features/withdrawals/request/form/transaction-info.tsx
@@ -17,7 +17,8 @@ import {
} from '../request-form-context';
export const TransactionInfo = () => {
- const { isDappActive } = useDappStatus();
+ const { isDappActive, isAccountActiveOnL2 } = useDappStatus();
+
const { isApprovalFlow, isApprovalFlowLoading, allowance } =
useRequestFormData();
const token = useWatch({ name: 'token' });
@@ -51,13 +52,17 @@ export const TransactionInfo = () => {
data-testid="maxTxCost"
loading={requestTxPriceLoading}
>
-
+ {!isDappActive || isAccountActiveOnL2 ? (
+ '-'
+ ) : (
+
+ )}
{token === TOKENS.STETH ? (
diff --git a/features/wsteth/unwrap/unwrap-form/unwrap-stats.tsx b/features/wsteth/unwrap/unwrap-form/unwrap-stats.tsx
index e27cb6ef..ed33e064 100644
--- a/features/wsteth/unwrap/unwrap-form/unwrap-stats.tsx
+++ b/features/wsteth/unwrap/unwrap-form/unwrap-stats.tsx
@@ -17,6 +17,7 @@ import { useApproveGasLimit } from 'features/wsteth/wrap/hooks/use-approve-gas-l
export const UnwrapStats = () => {
const {
+ isDappActive,
isWalletConnected,
isAccountActiveOnL2,
isDappActiveAndNetworksMatched,
@@ -84,6 +85,10 @@ export const UnwrapStats = () => {
allowance={BigNumber.from(allowance || '0')}
loading={isAllowanceLoading}
token={TOKENS.WSTETH}
+ isBlank={
+ !isDappActive ||
+ (isWalletConnected && !isDappActiveAndNetworksMatched)
+ }
/>
)}