diff --git a/src/App.tsx b/src/App.tsx index 156bb11b..2fff7093 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -6,6 +6,7 @@ import { createBrowserRouter, RouterProvider } from 'react-router'; import AppErrorBoundary from './components/common/AppErrorBoundary'; import ContractPausedBanner from './components/common/ContractPausedBanner'; import OfflineBanner from './components/common/OfflineBanner'; +import GlobalPauseBanner from './components/common/GlobalPauseBanner'; import SessionExpiryWatcher from './components/common/SessionExpiryWatcher'; import { useContractPausedStore } from './hooks/useContractPausedStore'; import { routes } from './routes'; @@ -43,6 +44,7 @@ function App() { {/* Full-width banner when contract emergency pause is active (#953) */} + = ({ >(null); const [confirmationOpen, setConfirmationOpen] = useState(false); const [internalSubmitting, setInternalSubmitting] = useState(false); + const { paused } = useGlobalPause(); const isSubmitting = externalIsSubmitting || internalSubmitting; @@ -642,30 +644,30 @@ export const BuySellKeyFlow: React.FC = ({ )} {/* Review / Proceed to Confirmation Button */} - + + + {/* Confirmation Modal */} { + const { paused, pauseActivatedAt } = useGlobalPause(); + + if (!paused) return null; -const GlobalPauseBanner: React.FC = ({ - pauseActivatedAt, -}) => { const formatted = pauseActivatedAt ? new Date(pauseActivatedAt).toLocaleString() : null; @@ -20,7 +19,7 @@ const GlobalPauseBanner: React.FC = ({