Starter kit for orders, messages and dashboard

Raccoon254 · May 18, 2024 · 20fc4a7 · 20fc4a7
1 parent e6aad5b
commit 20fc4a7
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 3 deletions.
diff --git a/resources/views/layouts/sidebar.blade.php b/resources/views/layouts/sidebar.blade.php
@@ -14,9 +14,10 @@
                 </a>
             </li>
             <li class="side {{ request()->routeIs('messages') ? 'active' : '' }}">
-                <a href="{{ route('messages') }}" class="flex items-center gap-2 p-2 hover:bg-gray-200">
+                <a href="{{ route('messages') }}" class="flex relative items-center gap-2 p-2 hover:bg-gray-200">
                     <i class="fas fa-envelope"></i>
                     <span>Messages</span>
+                    <span class="custom-badge"></span>
                 </a>
             </li>
             <li class="side {{ request()->routeIs('orders') ? 'active' : '' }}">

diff --git a/resources/views/messages.blade.php b/resources/views/messages.blade.php
@@ -1,3 +1,18 @@
 <div>
-    {{-- To attain knowledge, add things every day; To attain wisdom, subtract things every day. --}}
+    <x-slot name="header">
+        <h2 class="text-gray-800 leading-tight">
+            <i class="fas text-blue-500 fa-envelope"></i>
+            {{ __('Messages') }}
+        </h2>
+    </x-slot>
+
+    <div class="py-8">
+        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
+            <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
+                <div class="p-6 text-gray-900">
+                    {{ __("You're viewing messages!") }}
+                </div>
+            </div>
+        </div>
+    </div>
 </div>
diff --git a/resources/views/orders.blade.php b/resources/views/orders.blade.php
@@ -1,3 +1,18 @@
 <div>
-    {{-- The whole world belongs to you. --}}
+    <x-slot name="header">
+        <h2 class="text-gray-800 leading-tight">
+            <i class="fas text-blue-500 fa-shopping-cart"></i>
+            {{ __('Orders') }}
+        </h2>
+    </x-slot>
+
+    <div class="py-8">
+        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
+            <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
+                <div class="p-6 text-gray-900">
+                    {{ __("You're viewing your orders!") }}
+                </div>
+            </div>
+        </div>
+    </div>
 </div>