useMaintenanceListener

packages/synapse-interface/components/Maintenance/functions/fetchJSONData.test.ts

@@ -1,4 +1,4 @@
-import { fetchJSONData } from './fetchJsonData'
+import { fetchJSONData } from './fetchJSONData'
 
 const mockUrl =
   'https://raw.githubusercontent.com/synapsecns/sanguine/test/maintenance/packages/synapse-interface/public/pauses/v1/paused-chains.json'
@@ -27,7 +27,7 @@ describe('fetchJSONData', () => {
   })
 
   test('retries the maximum number of times and fails', async () => {
-    const maxRetries = 5
+    const maxRetries = 3
     ;(fetch as jest.Mock).mockResolvedValue({
       ok: false,
       status: 500,

packages/synapse-interface/components/Maintenance/functions/fetchJsonData.ts

@@ -1,6 +1,6 @@
 export const fetchJSONData = async (url: string): Promise<any> => {
   // Configurable parameters
-  const maxRetries = 5 // maximum number of retries
+  const maxRetries = 3 // maximum number of retries
   const initialDelay = 1000 // initial delay in milliseconds
 
   // Helper function to delay for a given amount of time

packages/synapse-interface/contexts/BackgroundListenerProvider.tsx

@@ -8,10 +8,12 @@ import { useTransactionListener } from '@/utils/hooks/useTransactionListener'
 import { use_TransactionsListener } from '@/utils/hooks/use_TransactionsListener'
 import { useFetchPricesOnInterval } from '@/utils/hooks/useFetchPricesOnInterval'
 import { useFetchGasDataOnInterval } from '@/utils/hooks/useFetchGasDataOnInterval'
+import { useMaintenanceListener } from '@/utils/hooks/useMaintenanceListener'
 
 const BackgroundListenerContext = createContext(null)
 
 export const BackgroundListenerProvider = ({ children }) => {
+  useMaintenanceListener()
   useApplicationListener()
   usePortfolioListener()
   useTransactionListener()

packages/synapse-interface/pages/_app.tsx

@@ -13,7 +13,6 @@ import setupLogRocketReact from 'logrocket-react'
 
 import { SegmentAnalyticsProvider } from '@/contexts/SegmentAnalyticsProvider'
 import { UserProvider } from '@/contexts/UserProvider'
-import { MaintenanceProvider } from '@/contexts/MaintenanceProvider'
 import { BackgroundListenerProvider } from '@/contexts/BackgroundListenerProvider'
 import CustomToaster from '@/components/toast'
 import { SynapseProvider } from '@/utils/providers/SynapseProvider'
@@ -52,12 +51,10 @@ function App({ Component, pageProps }: AppProps) {
                 <PersistGate loading={null} persistor={persistor}>
                   <SegmentAnalyticsProvider>
                     <UserProvider>
-                      <MaintenanceProvider>
-                        <BackgroundListenerProvider>
-                          <Component {...pageProps} />
-                        </BackgroundListenerProvider>
-                        <CustomToaster />
-                      </MaintenanceProvider>
+                      <BackgroundListenerProvider>
+                        <Component {...pageProps} />
+                      </BackgroundListenerProvider>
+                      <CustomToaster />
                     </UserProvider>
                   </SegmentAnalyticsProvider>
                 </PersistGate>

packages/synapse-interface/utils/hooks/useMaintenanceListener.ts

@@ -0,0 +1,15 @@
+import { useEffect } from 'react'
+
+import { useIntervalTimer } from './useIntervalTimer'
+import { getSynapsePauseData } from '@/components/Maintenance/functions/getSynapsePauseData'
+
+export const useMaintenanceListener = () => {
+  const interval = useIntervalTimer(60000)
+  const fetchMaintenanceData = getSynapsePauseData()
+
+  useEffect(() => {
+    fetchMaintenanceData()
+  }, [interval])
+
+  return null
+}