diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index 33959ef..404b65e 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -36,7 +36,8 @@ const customTheme = darkTheme({ function AppContent() { const [sessionToken, setSessionToken] = useState(null); const [isHealthy, setIsHealthy] = useState(true); - const [supportedChains, setSupportedChains] = useState(null); + const [supportedChains, setSupportedChains] = + useState(null); return ( diff --git a/frontend/src/components/BalanceDisplay.tsx b/frontend/src/components/BalanceDisplay.tsx index 3897b62..c2b6659 100644 --- a/frontend/src/components/BalanceDisplay.tsx +++ b/frontend/src/components/BalanceDisplay.tsx @@ -119,6 +119,19 @@ export function BalanceDisplay({ Active )} + {balance.withdrawalStatus !== 0 && ( + + {canExecuteWithdrawal + ? 'Forced Withdrawal Ready' + : `Forced Withdrawal Ready in ${balance.timeRemaining}`} + + )} {/* Balances Grid */} diff --git a/frontend/src/components/FinalizationThreshold.tsx b/frontend/src/components/FinalizationThreshold.tsx index 7f93630..4024e64 100644 --- a/frontend/src/components/FinalizationThreshold.tsx +++ b/frontend/src/components/FinalizationThreshold.tsx @@ -9,22 +9,18 @@ interface FinalizationThresholdProps { export function FinalizationThreshold({ chainId }: FinalizationThresholdProps) { const { supportedChains } = useChainConfig(); - console.log('FinalizationThreshold - chainId:', chainId); - console.log('FinalizationThreshold - supportedChains:', supportedChains); - if (!supportedChains) return null; const chainSpecific = supportedChains.find( (chain: SupportedChain) => chain.chainId === chainId.toString() ); - console.log('FinalizationThreshold - chainSpecific:', chainSpecific); - if (!chainSpecific) return null; return ( - Finalization: {formatResetPeriod(chainSpecific.finalizationThresholdSeconds)} + Finalization:{' '} + {formatResetPeriod(chainSpecific.finalizationThresholdSeconds)} ); }