Tweak navbar logo

resources/views/components/nav/navbar.blade.php

@@ -3,7 +3,7 @@
         <!-- Mobile Dropdown -->
         <div class="dropdown">
             <div tabindex="0" role="button" class="btn btn-ghost lg:hidden">
-                <x-heroicon-m-bars-4 class="h-5 w-5" />
+                <x-heroicon-m-bars-4 class="h-5 w-5" href=""/>
             </div>
             <ul tabindex="0"
                 class="menu menu-sm dropdown-content bg-primary rounded-box z-1 mt-3 w-52 p-2 shadow">

resources/views/components/nav/user-dropdown.blade.php

@@ -1,13 +1,18 @@
 @props([
-    'avatar' => 'https://upload.wikimedia.org/wikipedia/commons/9/99/Sample_User_Icon.png?20200919003010',
+    'avatar' => null,
+    'name' => 'User',
 ])
 
 <div class="dropdown dropdown-end">
     <div tabindex="0" role="button" class="btn btn-ghost btn-circle avatar">
         <div class="w-10 rounded-full">
+            @if($avatar)
             <img
                     alt="User avatar"
                     src="{{ $avatar }}" />
+            @else
+                {{ strtoupper($initial[0]) }}
+            @endif
         </div>
     </div>
     <ul tabindex="0"