USEOFFLINE CHECK FORMATE AND LINTING

0xFableOrg · Mar 15, 2024 · 8fc4b62 · 8fc4b62
1 parent dba4935
commit 8fc4b62
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 27 deletions.
diff --git a/packages/webapp/src/hooks/useOfflineCheck.ts b/packages/webapp/src/hooks/useOfflineCheck.ts
@@ -1,32 +1,33 @@
-import { useState, useEffect } from "react";
-import { toast } from "sonner";
+import { useEffect, useState } from "react"
+
+import { toast } from "sonner"
 
 function useOfflineCheck() {
-  const [isOnline, setIsOnline] = useState(true);
+    const [isOnline, setIsOnline] = useState(true)
 
-  useEffect(() => {
-    const handleOnline = () => setIsOnline(true);
-    const handleOffline = () => setIsOnline(false);
+    useEffect(() => {
+        const handleOnline = () => setIsOnline(true)
+        const handleOffline = () => setIsOnline(false)
 
-    window.addEventListener("online", handleOnline);
-    window.addEventListener("offline", handleOffline);
+        window.addEventListener("online", handleOnline)
+        window.addEventListener("offline", handleOffline)
 
-    return () => {
-      window.removeEventListener("online", handleOnline);
-      window.removeEventListener("offline", handleOffline);
-    };
-  }, []);
+        return () => {
+            window.removeEventListener("online", handleOnline)
+            window.removeEventListener("offline", handleOffline)
+        }
+    }, [])
 
-  useEffect(() => {
-    if (!isOnline) {
-      toast.error("App is offline. Please check your internet connection.", {
-        dismissible: false,
-        duration: Infinity,
-      });
-    } else {
-      toast.dismiss();
-    }
-  }, [isOnline]);
+    useEffect(() => {
+        if (!isOnline) {
+            toast.error("App is offline. Please check your internet connection.", {
+                dismissible: false,
+                duration: Infinity,
+            })
+        } else {
+            toast.dismiss()
+        }
+    }, [isOnline])
 }
 
-export default useOfflineCheck;
+export default useOfflineCheck
diff --git a/packages/webapp/src/pages/_app.tsx b/packages/webapp/src/pages/_app.tsx
@@ -15,6 +15,7 @@ import jotaiDebug from "src/components/lib/jotaiDebug"
 import { GlobalErrorModal } from "src/components/modals/globalErrorModal"
 import { Toaster } from "src/components/ui/sonner"
 import { useIsHydrated } from "src/hooks/useIsHydrated"
+import useOfflineCheck from "src/hooks/useOfflineCheck"
 import { useErrorConfig } from "src/store/hooks"
 
 import "src/styles/globals.css"
@@ -33,7 +34,7 @@ export type FablePage = NextPage<{ isHydrated: boolean }>
 // =================================================================================================
 
 const MyApp: AppType = ({ Component, pageProps }) => {
-  useOfflineCheck()
+    useOfflineCheck()
     return (
         <>
             <Head>
@@ -96,4 +97,4 @@ const ComponentWrapper = ({ Component, pageProps }: { Component: ComponentType;
     )
 }
 
-// =================================================================================================
+// =================================================================================================
diff --git a/packages/webapp/src/pages/play.tsx b/packages/webapp/src/pages/play.tsx
@@ -305,4 +305,4 @@ const Play: FablePage = ({ isHydrated }) => {
     )
 }
 
-export default Play
+export default Play
-Original file line number
+Diff line change
@@ Expand Up / @@ -305,4 +305,4 @@ const Play: FablePage = ({ isHydrated }) => { @@
         )
     }
-    export default Play
+    export default Play