IO-2329 Change update alert to be permanent.

client/src/components/update-alert/update-alert.component.jsx

@@ -0,0 +1,73 @@
+import { Alert, Button, Space } from "antd";
+import i18n from "i18next";
+import React from "react";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { selectUpdateAvailable } from "../../redux/application/application.selectors";
+import { AlertOutlined } from "@ant-design/icons";
+import { useTranslation } from "react-i18next";
+import { setUpdateAvailable } from "../../redux/application/application.actions";
+import { store } from "../../redux/store";
+import * as serviceWorkerRegistration from "../../serviceWorkerRegistration";
+
+let globalRegistration;
+
+const mapStateToProps = createStructuredSelector({
+  updateAvailable: selectUpdateAvailable,
+});
+const mapDispatchToProps = (dispatch) => ({
+  //setUserLanguage: language => dispatch(setUserLanguage(language))
+});
+export default connect(mapStateToProps, mapDispatchToProps)(UpdateAlert);
+
+export function UpdateAlert({ updateAvailable }) {
+  const { t } = useTranslation();
+  if (!updateAvailable) return null;
+  return (
+    <Alert
+      message={t("general.messages.newversiontitle")}
+      showIcon
+      icon={<AlertOutlined />}
+      description={t("general.messages.newversionmessage")}
+      closable={false}
+      type="warning"
+      action={
+        <Space flex>
+          <Button
+            onClick={async () => {
+              window.open("https://imex-online.noticeable.news/", "_blank");
+            }}
+          >
+            {i18n.t("general.actions.viewreleasenotes")}
+          </Button>
+          <Button
+            type="primary"
+            onClick={async () => {
+              if (globalRegistration && globalRegistration.waiting) {
+                await globalRegistration.unregister();
+                // Makes Workbox call skipWaiting()
+                globalRegistration.waiting.postMessage({
+                  type: "SKIP_WAITING",
+                });
+                // Once the service worker is unregistered, we can reload the page to let
+                // the browser download a fresh copy of our app (invalidating the cache)
+                window.location.reload();
+              }
+            }}
+          >
+            {i18n.t("general.actions.refresh")}
+          </Button>
+        </Space>
+      }
+    />
+  );
+}
+
+const onServiceWorkerUpdate = (registration) => {
+  console.log("onServiceWorkerUpdate", registration);
+  globalRegistration = registration;
+  store.dispatch(setUpdateAvailable(true));
+};
+store.dispatch(setUpdateAvailable(true));
+
+serviceWorkerRegistration.register({ onUpdate: onServiceWorkerUpdate });