refactor updateServiceWorker

saleor · Jul 30, 2024 · 887a540 · 887a540
1 parent f2c2c09
commit 887a540
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 13 deletions.
diff --git a/src/components/TopWarning/NewVersionAvailable.tsx b/src/components/TopWarning/NewVersionAvailable.tsx
@@ -1,17 +1,10 @@
 import { Button, Text } from "@saleor/macaw-ui-next";
 import React from "react";
 import { FormattedMessage } from "react-intl";
-import { useRegisterSW } from "virtual:pwa-register/react";
 
 import { Container } from "./Container";
 
-export const NewVersionAvailable = () => {
-  const { updateServiceWorker } = useRegisterSW();
-
-  const handleReloadClick = () => {
-    updateServiceWorker();
-  };
-
+export const NewVersionAvailable = ({ onUpdate }: { onUpdate: () => void }) => {
   return (
     <Container>
       <Text size={1} fontWeight="medium">
@@ -22,7 +15,7 @@ export const NewVersionAvailable = () => {
         />
       </Text>
       <Button
-        onClick={handleReloadClick}
+        onClick={onUpdate}
         size="small"
         variant="tertiary"
         color="accent1"

diff --git a/src/components/TopWarning/index.tsx b/src/components/TopWarning/index.tsx
@@ -8,19 +8,17 @@ import { YouAreOffline } from "./YouAreOffline";
 export const TopWarning = () => {
   const {
     needRefresh: [needRefresh],
+    updateServiceWorker,
   } = useRegisterSW();
 
-  // eslint-disable-next-line no-console
-  console.log("Has new version", needRefresh);
-
   const isOnline = useNavigatorOnLine();
 
   if (!isOnline) {
     return <YouAreOffline />;
   }
 
   if (needRefresh) {
-    return <NewVersionAvailable />;
+    return <NewVersionAvailable onUpdate={() => updateServiceWorker(true)} />;
   }
 
   return null;