feat: add notification

DerStimmler · Mar 12, 2024 · 1f7296c · 1f7296c
1 parent 7964d2d
commit 1f7296c
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 0 deletions.
diff --git a/src/app.js b/src/app.js
@@ -43,3 +43,19 @@ if ("serviceWorker" in navigator) {
             .register("./sw.js");
     });
 }
+
+//Notification
+async function notify() {
+    if (!("Notification" in window)) {
+        alert("Notifications not suported");
+        return;
+    }
+
+    if (Notification.permission !== "granted") {
+        await Notification.requestPermission();
+    }
+
+    const serviceWorker = await navigator.serviceWorker.ready;
+
+    serviceWorker.showNotification("Current count: " + count);
+}
diff --git a/src/index.html b/src/index.html
@@ -30,6 +30,12 @@
 			<h1 class="title">PWA Showcase</h1>
 		</header>
 		<main class="main">
+			<div class="card">
+				<div class="card__title">Notification</div>
+				<div class="card__content">
+					<button onclick="notify()">Notify Me!</button>
+				</div>
+			</div>
 			<div class="card">
 				<div class="card__title">Sample Text 1</div>
 				<div class="card__content">