From f03dc326cf41ebaf244772c2c9abad2d5b2e86b3 Mon Sep 17 00:00:00 2001
From: Mike Barlow <mike@mikebarlow.co.uk>
Date: Tue, 3 Sep 2024 00:16:26 +0100
Subject: [PATCH] Added button to mark all items as read

---
 resources/views/popout.blade.php | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/resources/views/popout.blade.php b/resources/views/popout.blade.php
index d467ecc..64ed312 100644
--- a/resources/views/popout.blade.php
+++ b/resources/views/popout.blade.php
@@ -10,9 +10,15 @@
         </div>
 
         @if ($unread->count() > 0)
-            <h2 tabindex="0" class="focus:outline-none text-sm leading-normal pt-8 border-b pb-2 border-gray-300 text-gray-600">
-                Unread Notifications
-            </h2>
+            <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">
+                    Unread Notifications
+                </h2>
+
+                <button tabindex="0" class="focus:outline-none text-sm leading-normal pt-8 hover:text-indigo-700">
+                    Mark all as read
+                </button>
+            </div>
 
             @foreach ($unread as $announcement)
                 <div class="w-full p-3 mt-4 bg-white rounded flex flex-shrink-0 {{ $announcement->read_at === null ? "drop-shadow shadow border" : ""  }}">