diff --git a/packages/synapse-interface/components/Maintenance/Maintenance.tsx b/packages/synapse-interface/components/Maintenance/Maintenance.tsx index cf63500a78..b3d9b2cace 100644 --- a/packages/synapse-interface/components/Maintenance/Maintenance.tsx +++ b/packages/synapse-interface/components/Maintenance/Maintenance.tsx @@ -5,7 +5,8 @@ import { useMaintenanceCountdownProgress } from './components/useMaintenanceCoun interface ChainPause { id: string - pausedChains: number[] + pausedFromChains: number[] + pausedToChains: number[] startTime: Date endTime: Date bannerStartTime: Date @@ -18,11 +19,12 @@ interface ChainPause { const PAUSED_CHAINS: ChainPause[] = [ { id: 'optimism-chain-pause', - pausedChains: [OPTIMISM.id], - startTime: new Date(Date.UTC(2024, 2, 21, 17, 0, 0)), - endTime: new Date(Date.UTC(2024, 2, 21, 17, 40, 0)), - bannerStartTime: new Date(Date.UTC(2024, 2, 21, 17, 0, 0)), - bannerEndTime: new Date(Date.UTC(2024, 2, 21, 17, 41, 0)), + pausedFromChains: [OPTIMISM.id], + pausedToChains: [], + startTime: new Date(Date.UTC(2024, 2, 21, 18, 0, 0)), + endTime: new Date(Date.UTC(2024, 2, 21, 19, 40, 0)), + bannerStartTime: new Date(Date.UTC(2024, 2, 21, 18, 0, 0)), + bannerEndTime: new Date(Date.UTC(2024, 2, 21, 19, 40, 0)), warningMessage: (

Optimism bridging is paused until maintenance is complete.

), @@ -32,8 +34,9 @@ const PAUSED_CHAINS: ChainPause[] = [ progressBarMessage:

Optimism maintenance in progress

, }, { - id: 'optimism-chain-pause-2', - pausedChains: [BASE.id], + id: 'base-chain-pause', + pausedFromChains: [BASE.id], + pausedToChains: [BASE.id], startTime: new Date(Date.UTC(2024, 2, 21, 17, 41, 0)), endTime: new Date(Date.UTC(2024, 2, 21, 17, 42, 0)), bannerStartTime: new Date(Date.UTC(2024, 2, 21, 17, 40, 0)), @@ -73,7 +76,8 @@ export const MaintenanceWarningMessages = () => { ) @@ -91,7 +95,8 @@ export const useMaintenanceCountdownProgresses = () => { return useMaintenanceCountdownProgress({ startDate: event.startTime, endDate: event.endTime, - pausedChains: event.pausedChains, + pausedFromChains: event.pausedFromChains, + pausedToChains: event.pausedToChains, progressBarMessage: event.progressBarMessage, }) }) diff --git a/packages/synapse-interface/components/Maintenance/components/MaintenanceWarningMessage.tsx b/packages/synapse-interface/components/Maintenance/components/MaintenanceWarningMessage.tsx index a233aefa85..e3553f469d 100644 --- a/packages/synapse-interface/components/Maintenance/components/MaintenanceWarningMessage.tsx +++ b/packages/synapse-interface/components/Maintenance/components/MaintenanceWarningMessage.tsx @@ -18,17 +18,21 @@ import { isChainIncluded } from '@/utils/isChainIncluded' export const MaintenanceWarningMessage = ({ startDate, endDate, - pausedChains, + pausedFromChains, + pausedToChains, warningMessage, }: { startDate: Date endDate: Date - pausedChains: number[] + pausedFromChains: number[] + pausedToChains: number[] warningMessage: any }) => { const { fromChainId, toChainId } = useBridgeState() - const isWarningChain = isChainIncluded([fromChainId, toChainId], pausedChains) + const isWarningChain = + isChainIncluded([fromChainId], pausedFromChains) || + isChainIncluded([toChainId], pausedToChains) const { isComplete } = getCountdownTimeStatus(startDate, endDate) diff --git a/packages/synapse-interface/components/Maintenance/components/useMaintenanceCountdownProgress.tsx b/packages/synapse-interface/components/Maintenance/components/useMaintenanceCountdownProgress.tsx index 54ca4ff802..07399a8ea1 100644 --- a/packages/synapse-interface/components/Maintenance/components/useMaintenanceCountdownProgress.tsx +++ b/packages/synapse-interface/components/Maintenance/components/useMaintenanceCountdownProgress.tsx @@ -18,17 +18,21 @@ import { isChainIncluded } from '@/utils/isChainIncluded' export const useMaintenanceCountdownProgress = ({ startDate, endDate, - pausedChains, + pausedFromChains, + pausedToChains, progressBarMessage, }: { startDate: Date endDate: Date - pausedChains: number[] + pausedFromChains: number[] + pausedToChains: number[] progressBarMessage: any }) => { const { fromChainId, toChainId } = useBridgeState() - const isCurrentChain = isChainIncluded([fromChainId, toChainId], pausedChains) + const isCurrentChain = + isChainIncluded([fromChainId], pausedFromChains) || + isChainIncluded([toChainId], pausedToChains) const { isPending: isMaintenancePending,