mv OnlineStatusController.initOnlineEvents

polkadot-cloud · Mar 11, 2024 · 15a6c06 · 15a6c06
1 parent a613ab9
commit 15a6c06
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/contexts/Api/index.tsx b/src/contexts/Api/index.tsx
@@ -10,7 +10,6 @@ import { useTabs } from 'contexts/Tabs';
 import { useEventListener } from 'usehooks-ts';
 import { isCustomEvent } from 'Utils';
 import type { APIChainSpec, ApiStatus } from 'model/Api/types';
-import { OnlineStatusController } from 'controllers/OnlineStatusController';
 
 export const Api = createContext<ApiContextInterface>(defaultApiContext);
 
@@ -151,9 +150,6 @@ export const ApiProvider = ({ children }: { children: ReactNode }) => {
 
   // Initialisation of Api.
   useEffect(() => {
-    // Start listening for online / offline events.
-    OnlineStatusController.initOnlineEvents();
-
     // Instantiate Api instances from tabs.
     tabs.forEach((tab) => {
       if (tab.autoConnect) {

diff --git a/src/library/Offline/index.tsx b/src/library/Offline/index.tsx
@@ -4,9 +4,10 @@
 import { Wrapper } from './Wrapper';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faWarning } from '@fortawesome/free-solid-svg-icons';
-import { useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { useEventListener } from 'usehooks-ts';
 import { isCustomEvent } from 'Utils';
+import { OnlineStatusController } from 'controllers/OnlineStatusController';
 
 export const Offline = () => {
   // Whether the app is offline.
@@ -21,6 +22,11 @@ export const Offline = () => {
   };
 
   // Listen for online status updates.
+  useEffect(() => {
+    // Start listening for online / offline events.
+    OnlineStatusController.initOnlineEvents();
+  }, []);
+
   const documentRef = useRef<Document>(document);
   useEventListener('online-status', handleOnlineStatus, documentRef);