From 104d56af25762b2e1ced3394ff6ec13e5a519b70 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Sat, 20 Jul 2024 13:47:25 -0600
Subject: [PATCH] Add maskable icon

---
 migrations/026_add_notification_tokens.py |   1 -
 web/public/images/maskable-badge.png      | Bin 0 -> 3084 bytes
 web/public/notifications-worker.ts        |   9 ++-------
 web/site.webmanifest                      |   6 ++++++
 4 files changed, 8 insertions(+), 8 deletions(-)
 create mode 100644 web/public/images/maskable-badge.png

diff --git a/migrations/026_add_notification_tokens.py b/migrations/026_add_notification_tokens.py
index 08d95cbf7..37506c406 100644
--- a/migrations/026_add_notification_tokens.py
+++ b/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=[]),
-
     )
 
 
diff --git a/web/public/images/maskable-badge.png b/web/public/images/maskable-badge.png
new file mode 100644
index 0000000000000000000000000000000000000000..93a0d561ebf8452a4dbfcd91eed7b970b4109c60
GIT binary patch
literal 3084
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

literal 0
HcmV?d00001

diff --git a/web/public/notifications-worker.ts b/web/public/notifications-worker.ts
index 8b6067a60..95b7fe72d 100644
--- a/web/public/notifications-worker.ts
+++ b/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
diff --git a/web/site.webmanifest b/web/site.webmanifest
index 53a45654b..94e455ec8 100644
--- a/web/site.webmanifest
+++ b/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",