Fix badge

K0IN · Aug 28, 2023 · fb92af2 · fb92af2
1 parent 53036ba
commit fb92af2
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/app/frontend/src/components/messages/messages.tsx b/app/frontend/src/components/messages/messages.tsx
@@ -4,6 +4,7 @@ import { useLastOpenTime } from '../../hooks/use-lastopen';
 import { useMessageReceiver } from '../../hooks/use-messagereceiver';
 import Message from '../message/message';
 import style from './messages.css';
+import { useEffect } from 'preact/hooks';
 
 const Messages: FunctionalComponent = () => {
     const messages = useMessageReceiver();
@@ -12,6 +13,12 @@ const Messages: FunctionalComponent = () => {
     const newMessages = messages.filter(e => !(e.receivedAt <= lastOpenTime));
     const oldMessages = messages.filter(e => e.receivedAt <= lastOpenTime);
 
+    useEffect(() => {
+        if (navigator && navigator.clearAppBadge) {
+            navigator.clearAppBadge();
+        }
+    }, [messages]);
+
     return (<div class={style.content}>
         <div class={style.main}>
             <ul class={style.messagelist}>

diff --git a/app/frontend/src/sw.js b/app/frontend/src/sw.js
@@ -92,6 +92,9 @@ self.addEventListener('push', (event) => {
 self.addEventListener('notificationclick', (e) => {
     const notification = e.notification;
     const load = async () => {
+        if (navigator && navigator.clearAppBadge) {
+            navigator.clearAppBadge();
+        }
         try {
             const clientList = await clients.matchAll();
             if (clientList.length > 0) {