Added button to mark all items as read

mikebarlow · Sep 2, 2024 · f03dc32 · f03dc32
1 parent 820a678
commit f03dc32
Showing 1 changed file with 9 additions and 3 deletions.
diff --git 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" : ""  }}">