Add ability to specify paused chains by from/to side (#2346)

synapsecns · Mar 21, 2024 · 4f7ed58 · 4f7ed58
1 parent d95aa9d
commit 4f7ed58
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 16 deletions.
diff --git 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: (
       <p> Optimism bridging is paused until maintenance is complete. </p>
     ),
@@ -32,8 +34,9 @@ const PAUSED_CHAINS: ChainPause[] = [
     progressBarMessage: <p> Optimism maintenance in progress </p>,
   },
   {
-    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 = () => {
           <MaintenanceWarningMessage
             startDate={event.startTime}
             endDate={event.endTime}
-            pausedChains={event.pausedChains}
+            pausedFromChains={event.pausedFromChains}
+            pausedToChains={event.pausedToChains}
             warningMessage={event.warningMessage}
           />
         )
@@ -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
@@ -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/...s/synapse-interface/components/Maintenance/components/useMaintenanceCountdownProgress.tsx b/...s/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,