Added method to component to mark unread notifications as read.

Updated the changelog

CHANGELOG.md

@@ -7,6 +7,7 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 
 * Moved SVG icons into anonymous components for easier reuse / overwriting.[PR#35](https://github.com/mikebarlow/megaphone/pull/35)
 * Reworked notification type templates into components. [PR#35](https://github.com/mikebarlow/megaphone/pull/35)
+* Added "mark all as read" feature for unread notifications. [PR#37](https://github.com/mikebarlow/megaphone/pull/37)
 
 ## [2.0.0] - 2023-09-11
 

resources/views/popout.blade.php

@@ -11,11 +11,11 @@
 
         @if ($unread->count() > 0)
             <div class="border-b pb-2 border-gray-300 text-gray-600 flex justify-between">
-                <h2 tabindex="0" class="focus:outline-none text-sm leading-normal pt-8">
+                <h2 class="focus:outline-none text-sm leading-normal pt-8">
                     Unread Notifications
                 </h2>
 
-                <button tabindex="0" class="focus:outline-none text-sm leading-normal pt-8 hover:text-indigo-700">
+                <button class="focus:outline-none text-sm leading-normal pt-8 hover:text-indigo-700" wire:click="markAllRead()">
                     Mark all as read
                 </button>
             </div>

src/Livewire/Megaphone.php

@@ -59,4 +59,15 @@ public function markAsRead(DatabaseNotification $notification)
         $notification->markAsRead();
         $this->loadAnnouncements($this->getNotifiable());
     }
+
+    public function markAllRead()
+    {
+        DatabaseNotification::query()
+            ->where('notifiable_type', config('megaphone.model'))
+            ->where('notifiable_id', $this->notifiableId)
+            ->whereNull('read_at')
+            ->update(['read_at' => now()]);
+
+        $this->loadAnnouncements($this->getNotifiable());
+    }
 }