fix(offline-interface): improve SW update message & actions

dhis2 · Sep 24, 2021 · 1335ce1 · 1335ce1
1 parent f30dd88
commit 1335ce1
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 10 deletions.
diff --git a/pwa/i18n/en.pot b/pwa/i18n/en.pot
@@ -5,8 +5,8 @@ msgstr ""
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1)\n"
-"POT-Creation-Date: 2021-06-08T14:38:45.083Z\n"
-"PO-Revision-Date: 2021-06-08T14:38:45.083Z\n"
+"POT-Creation-Date: 2021-09-24T15:38:52.938Z\n"
+"PO-Revision-Date: 2021-09-24T15:38:52.938Z\n"
 
 msgid ""
 "App updates are ready and will be activated after all tabs of this app are "
@@ -15,5 +15,8 @@ msgstr ""
 "App updates are ready and will be activated after all tabs of this app are "
 "closed. Skip waiting and reload to update now?"
 
-msgid "Update"
-msgstr "Update"
+msgid "Update and reload"
+msgstr "Update and reload"
+
+msgid "Not now"
+msgstr "Not now"
diff --git a/pwa/src/offline-interface/offline-interface.js b/pwa/src/offline-interface/offline-interface.js
@@ -62,17 +62,19 @@ export class OfflineInterface {
             if (!promptUpdate) {
                 return
             }
-            const reloadMessage = i18n.t(
-                'App updates are ready and will be activated after all tabs of this app are closed. Skip waiting and reload to update now?'
-            )
+
+            const message = i18n.t("There's an update available for this app.")
             const onConfirm = () =>
                 registration.waiting.postMessage({
                     type: swMsgs.skipWaiting,
                 })
+            const actions = [
+                { label: i18n.t('Update and reload'), onClick: onConfirm },
+                { label: i18n.t('Not now'), onClick: () => {} },
+            ]
             promptUpdate({
-                message: reloadMessage,
-                action: i18n.t('Update'),
-                onConfirm: onConfirm,
+                message,
+                actions,
             })
         }