show offline banner base on useNavigatorOnLine hook

saleor · Jul 30, 2024 · ed353d4 · ed353d4
1 parent 9b0b3c3
commit ed353d4
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/TopWarning/index.tsx b/src/components/TopWarning/index.tsx
@@ -1,3 +1,4 @@
+import { useNavigatorOnLine } from "@dashboard/hooks/useNavigatorOnLine";
 import React from "react";
 import { useRegisterSW } from "virtual:pwa-register/react";
 
@@ -7,10 +8,11 @@ import { YouAreOffline } from "./YouAreOffline";
 export const TopWarning = () => {
   const {
     needRefresh: [needRefresh],
-    offlineReady: [offlineReady],
   } = useRegisterSW();
 
-  if (offlineReady) {
+  const isOnline = useNavigatorOnLine();
+
+  if (!isOnline) {
     return <YouAreOffline />;
   }