Add "Updating..." message when update banner is clicked

caleb531 · Dec 2, 2024 · e29f631 · e29f631
1 parent e4945e5
commit e29f631
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/scripts/components/update-notification.jsx b/scripts/components/update-notification.jsx
@@ -1,5 +1,5 @@
-import m from 'mithril';
 import clsx from 'clsx';
+import m from 'mithril';
 import { registerSW } from 'virtual:pwa-register';
 
 class UpdateNotificationComponent {
@@ -13,6 +13,7 @@ class UpdateNotificationComponent {
       return;
     }
     this.isUpdateAvailable = false;
+    this.isUpdating = false;
     this.updateSW = registerSW({
       onNeedRefresh: () => {
         this.isUpdateAvailable = true;
@@ -23,6 +24,8 @@ class UpdateNotificationComponent {
 
   update() {
     if (this.updateSW) {
+      this.isUpdating = true;
+      m.redraw();
       this.updateSW();
     }
   }
@@ -35,7 +38,9 @@ class UpdateNotificationComponent {
         })}
         onclick={() => this.update()}
       >
-        <span className="update-notification-message">Update available! Click here to update.</span>
+        <span className="update-notification-message">
+          {this.isUpdating ? 'Updating...' : 'Update available! Click here to update.'}
+        </span>
       </div>
     );
   }