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) + } /> )}