Dashboard render view fix path

Raccoon254 · May 18, 2024 · a079cf8 · a079cf8
1 parent 9bfc657
commit a079cf8
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 15 deletions.
diff --git a/app/Livewire/Dashboard.php b/app/Livewire/Dashboard.php
@@ -2,12 +2,13 @@
 
 namespace App\Livewire;
 
+use Illuminate\View\View;
 use Livewire\Component;
 
 class Dashboard extends Component
 {
-    public function render()
+    public function render(): View
     {
-        return view('livewire.dashboard');
+        return view('dashboard');
     }
 }
diff --git a/resources/css/app.css b/resources/css/app.css
@@ -16,7 +16,6 @@ input:-webkit-autofill:active {
     -webkit-text-fill-color: #000;
 }
 
-/* Optional: Remove the default background color of the input field */
 input:-webkit-autofill {
     background-color: transparent !important;
 }
@@ -29,7 +28,10 @@ input:-webkit-autofill {
     @apply flex gap-3 h-full px-4 items-center;
 }
 
-/*Side active */
 .active{
     @apply bg-gray-100 text-blue-500;
 }
+
+.custom-badge{
+    @apply absolute -top-0 -right-0 h-[12px] w-[12px] bg-red-500 text-white text-[9px] font-bold rounded-full flex items-center justify-center;
+}
diff --git a/resources/views/dashboard.blade.php b/resources/views/dashboard.blade.php
@@ -1,11 +1,15 @@
-<x-app-layout>
-    <div class="py-12">
-        <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 logged in!") }}
-                </div>
+<div class="py-8">
+    <x-slot name="header">
+        <h2 class="text-gray-800 leading-tight">
+            <i class="fas text-blue-500 fa-home"></i>
+            {{ __('Dashboard') }}
+        </h2>
+    </x-slot>
+    <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 logged in!") }}
             </div>
         </div>
     </div>
-</x-app-layout>
+</div>
diff --git a/resources/views/layouts/navigation.blade.php b/resources/views/layouts/navigation.blade.php
@@ -2,7 +2,6 @@
     <div class="navbar-start">
         <div class="center">
             <div class="w-60">
-
                 <label for="my-drawer-2" class="md:hidden">
                     <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24"
                          stroke="black">
@@ -33,8 +32,19 @@
             </span>
         </div>
     </div>
-    <div class="navbar-end">
-        <a href="#" class="h-8 w-8 avatar rounded-full p-[2px] ring-1">
+    <div class="navbar-end text-black/80 items-center">
+        <div class="btn btn-circle btn-sm btn-ghost relative center">
+            <i class="fas fa-envelope"></i>
+            <span class="custom-badge">
+                3
+            </span>
+        </div>
+        <div class="btn btn-circle btn-sm btn-ghost relative ml-2 center">
+            <i class="fas fa-bell-slash"></i>
+            <!-- <i class="fas fa-bell"></i> -->
+            <!-- <span class="custom-badge"> auth->notifications->unread() </span> -->
+        </div>
+        <a href="#" class="h-8 w-8 ml-2 avatar rounded-full p-[2px] ring-1">
             <img class="h-8 w-8 ring-1 ring-white rounded-full"
                  src="https://api.dicebear.com/8.x/identicon/svg?seed=Jane" alt="John Doe">
         </a>