Add maskable icon

migrations/026_add_notification_tokens.py

@@ -33,7 +33,6 @@ def migrate(migrator, database, fake=False, **kwargs):
     migrator.add_fields(
         User,
         notification_tokens=JSONField(default=[]),
-
     )
 
 

web/public/notifications-worker.ts

@@ -8,16 +8,11 @@ self.addEventListener("push", function (event) {
     // @ts-expect-error we know this exists
     self.registration.showNotification(data.title, {
       body: data.message,
-      icon: data.image,
+      icon: "/images/maskable-icon.png",
       image: data.image,
+      badge: "/images/maskable-badge.png",
       tag: data.id,
       data: { id: data.id, link: data.direct_url },
-      actions: [
-        {
-          action: `view-${data.id}`,
-          title: "View",
-        },
-      ],
     });
   } else {
     // pass

web/site.webmanifest

@@ -20,6 +20,12 @@
       "sizes": "180x180",
       "type": "image/png",
       "purpose": "maskable"
+    },
+    {
+      "src": "/images/maskable-badge.png",
+      "sizes": "96x96",
+      "type": "image/png",
+      "purpose": "maskable"
     }
   ],
   "theme_color": "#ffffff",