update pwa functionality

arnovanstaden · Apr 19, 2021 · c143a1c · c143a1c · vercel · Apr 19, 2021
1 parent 2b8b8b9
commit c143a1c
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 2 deletions.
diff --git a/public/index.html b/public/index.html
@@ -11,7 +11,7 @@
 
   <!-- PWA Stuff -->
   <link rel="apple-touch-icon" href="%PUBLIC_URL%/images/logos/logo192.png" />
-  <!-- <link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> -->
+  <link rel="manifest" href="/manifest.json" />
 </head>
 
 <body>

diff --git a/public/service-worker.js b/public/service-worker.js
@@ -0,0 +1,7 @@
+self.addEventListener('install', function (event) {
+  self.skipWaiting();
+});
+
+self.addEventListener('fetch', function (event) {
+  event.respondWith(fetch(event.request));
+});
diff --git a/src/components/App/App.js b/src/components/App/App.js
@@ -1,9 +1,13 @@
+import { useEffect } from "react";
+import { registerServiceWorker } from "../../utils/pwa";
 
 // Components
 import AppWrap from "./AppWrap";
 
 function App() {
-
+  useEffect(() => {
+    registerServiceWorker();
+  }, [])
   return (
     <AppWrap>
       <div className="App">

diff --git a/src/utils/pwa.js b/src/utils/pwa.js
@@ -0,0 +1,14 @@
+export const registerServiceWorker = () => {
+
+    if ('serviceWorker' in navigator) {
+        navigator.serviceWorker.register('/service-worker.js')
+            .then(function (registration) {
+                registration.addEventListener('updatefound', function () {
+                    let installingWorker = registration.installing;
+                });
+            })
+            .catch(function (error) {
+                console.log(error);
+            });
+    }
+}