using new banners

src/js/elements/new-version-notification.js

@@ -23,15 +23,11 @@ export async function show(version) {
   }
   if (memory === version) return;
   caches.delete("sw-cache");
-  Notifications.add(
-    `Version ${version} has been released. Click to view the changelog.`,
+  Notifications.addBanner(
+    `Version ${version} has been released. Click the version number in the bottom right to view the changelog.`,
     1,
-    5,
-    "Announcement",
     "code-branch",
-    () => {
-      VersionPopup.show();
-    }
+    false
   );
   setMemory(version);
 }

src/js/elements/psa.js

@@ -29,8 +29,14 @@ export async function show() {
   let localmemory = getMemory();
   latest.forEach((psa) => {
     if (localmemory.includes(psa._id)) return;
-    Notifications.add(psa.message, -1, 0, "Announcement", "bullhorn", () => {
-      setMemory(psa._id);
-    });
+    Notifications.addBanner(
+      psa.message,
+      psa.level,
+      "bullhorn",
+      psa.sticky,
+      () => {
+        setMemory(psa._id);
+      }
+    );
   });
 }