ServiceWorker update message

gatsby-browser.js

@@ -2,3 +2,13 @@ import "./src/styles/reset.css"
 import "./src/styles/global.module.css"
 import "./src/styles/accessibility.css"
 import "./src/styles/general.css"
+import { useIntl } from "react-intl"
+
+export const onServiceWorkerUpdateReady = () => {
+  const answer = window.confirm(
+    useIntl.formatMessage({ id: "sw.outdated" })
+  )
+  if (answer === true) {
+    window.location.reload()
+  }
+}

i18n/de.json

@@ -58,5 +58,6 @@
   "error.description": "Oh nein, irgendetwas ist schief gegangen. Die aufgerufene Seite scheint nicht zu existieren. Vielleicht wurde sie gelöscht oder verschoben.",
   "error.dog": "Traurig aussehnder Hund trägt eine Jeansjacke.",
   "github.icon": "Github Logo",
-  "github.edit": "Diesen Beitrag verbessern"
+  "github.edit": "Diesen Beitrag verbessern",
+  "sw.outdated": "Diese Webapp wurde aktualisiert. Willst du neu laden um die neuste Version zu sehen?"
 }

i18n/en.json

@@ -58,5 +58,6 @@
   "error.description": "Oh no, something went wrong. The requested page doesn't seem to exist. Maybe it has been deleted or moved.",
   "error.dog": "Sad looking dog wears a jeans jacket.",
   "github.icon": "Github Logo",
-  "github.edit": "Improve this post"
+  "github.edit": "Improve this post",
+  "sw.outdated": "This web app has been updated. Reload to display the latest version?"
 }