useEcotoneForkEventCountdownProgress to determine when to display pro…

…gress

packages/synapse-interface/components/Maintenance/Events/EcotoneForkUpgrade.tsx

@@ -2,6 +2,7 @@ import { AnnouncementBanner } from '../AnnouncementBanner'
 import { WarningMessage } from '../../Warning'
 import { useBridgeState } from '@/slices/bridge/hooks'
 import { OPTIMISM, BASE } from '@/constants/chains/master'
+import { useEventCountdownProgressBar } from '../EventCountdownProgressBar'
 
 /**
  * Start: 10 min prior to Ecotone Fork Upgrade Time @ (March 14, 00:00 UTC)
@@ -55,3 +56,25 @@ export const EcotoneForkWarningMessage = () => {
     )
   } else return null
 }
+
+export const useEcotoneForkEventCountdownProgress = () => {
+  const { fromChainId, toChainId } = useBridgeState()
+
+  const isChainOptimism = [fromChainId, toChainId].includes(OPTIMISM.id)
+  const isChainBase = [fromChainId, toChainId].includes(BASE.id)
+
+  const {
+    isPending: isEcotoneForkUpgradePending,
+    EventCountdownProgressBar: EcotoneForkCountdownProgressBar,
+  } = useEventCountdownProgressBar(
+    'Ecotone Fork upgrade in progress',
+    ECOTONE_FORK_START_DATE,
+    ECOTONE_FORK_END_DATE
+  )
+
+  return {
+    isEcotoneForkUpgradePending,
+    EcotoneForkCountdownProgressBar:
+      isChainOptimism || isChainBase ? EcotoneForkCountdownProgressBar : null,
+  }
+}

packages/synapse-interface/pages/state-managed-bridge/index.tsx

@@ -97,6 +97,7 @@ import {
   ECOTONE_FORK_START_DATE,
   ECOTONE_FORK_END_DATE,
   EcotoneForkWarningMessage,
+  useEcotoneForkEventCountdownProgress,
 } from '@/components/Maintenance/Events/EcotoneForkUpgrade'
 
 import { OPTIMISM, BASE, METIS } from '@/constants/chains/master'
@@ -533,14 +534,17 @@ const StateManagedBridge = () => {
     '-mt-4 fixed z-50 w-full h-full bg-opacity-50 bg-[#343036]'
 
   /* Remove after upgrades */
-  const {
-    isPending: isEcotoneForkUpgradePending,
-    EventCountdownProgressBar: EcotoneForkCountdownProgressBar,
-  } = useEventCountdownProgressBar(
-    'Ecotone Fork upgrade in progress',
-    ECOTONE_FORK_START_DATE,
-    ECOTONE_FORK_END_DATE
-  )
+  // const {
+  //   isPending: isEcotoneForkUpgradePending,
+  //   EventCountdownProgressBar: EcotoneForkCountdownProgressBar,
+  // } = useEventCountdownProgressBar(
+  //   'Ecotone Fork upgrade in progress',
+  //   ECOTONE_FORK_START_DATE,
+  //   ECOTONE_FORK_END_DATE
+  // )
+
+  const { isEcotoneForkUpgradePending, EcotoneForkCountdownProgressBar } =
+    useEcotoneForkEventCountdownProgress()
 
   const {
     isPending: isMetisUpgradePending,