Update Breadcrumbs

packages/Webkul/Admin/src/Resources/views/components/breadcrumbs/index.blade.php

@@ -0,0 +1,10 @@
+@props([
+    'name'  => '',
+    'entity' => null,
+])
+
+<div class="flex justify-start max-lg:hidden">
+    <div class="flex items-center gap-x-3.5">        
+        {{ Breadcrumbs::view('admin::partials.breadcrumbs', $name, $entity) }}
+    </div>
+</div>

packages/Webkul/Admin/src/Resources/views/contacts/organizations/index.blade.php

@@ -6,18 +6,11 @@
     <div class="flex items-center justify-between rounded-lg border border-gray-200 bg-white px-4 py-2 text-sm dark:border-gray-800 dark:bg-gray-900 dark:text-gray-300">
         <div class="flex flex-col gap-2">
             <div class="flex cursor-pointer items-center">
-                <a 
-                    href="{{ route('admin.contacts.organizations.index') }}" 
-                    class="flex items-center text-xs text-gray-600 dark:text-gray-300"
-                >
-                    <i class="icon-left-arrow text-2xl"></i>
-
-                    @lang('admin::app.settings.roles.index.settings')
-                </a>
+                <x-admin::breadcrumbs name="contacts.organizations" />
             </div>
 
-            <div class="px-4 text-xl font-bold dark:text-gray-300">
-                @lang('admin::app.products.index.title')
+            <div class="text-xl font-bold dark:text-gray-300">
+                @lang('Organizations')
             </div>
         </div>
 

packages/Webkul/Admin/src/Resources/views/contacts/persons/index.blade.php

@@ -6,17 +6,10 @@
     <div class="flex items-center justify-between rounded-lg border border-gray-200 bg-white px-4 py-2 text-sm dark:border-gray-800 dark:bg-gray-900 dark:text-gray-300">
         <div class="flex flex-col gap-2">
             <div class="flex cursor-pointer items-center">
-                <a 
-                    href="{{ route('admin.contacts.organizations.index') }}" 
-                    class="flex items-center text-xs text-gray-600 dark:text-gray-300"
-                >
-                    <i class="icon-left-arrow text-2xl"></i>
-
-                    @lang('admin::app.settings.roles.index.settings')
-                </a>
+                <x-admin::breadcrumbs name="contacts.persons" />
             </div>
 
-            <div class="px-4 text-xl font-bold dark:text-gray-300">
+            <div class="text-xl font-bold dark:text-gray-300">
                 @lang('Persons')
             </div>
         </div>

packages/Webkul/Admin/src/Resources/views/partials/breadcrumbs.blade.php

@@ -0,0 +1,27 @@
+@unless ($breadcrumbs->isEmpty())
+    <nav aria-label="">
+        <ol class="flex">
+            @foreach ($breadcrumbs as $breadcrumb)
+                @if (
+                    $breadcrumb->url 
+                    && ! $loop->last
+                )
+                    <li class="flex items-center gap-x-1 text-sm font-normal text-brandColor">
+                        <a href="{{ $breadcrumb->url }}">
+                            {{ $breadcrumb->title }}
+                        </a>
+
+                        <span class="after:content-['/'] ltr:mr-1 rtl:ml-1"></span>
+                    </li>
+                @else
+                    <li 
+                        class="flex items-center gap-x-1 text-base text-gray-600 after:content-['/'] after:last:hidden" 
+                        aria-current="page"
+                    >
+                        {{ $breadcrumb->title }}
+                    </li>
+                @endif
+            @endforeach
+        </ol>
+    </nav>
+@endunless

packages/Webkul/Admin/src/Resources/views/settings/groups/index.blade.php

@@ -4,20 +4,13 @@
     </x-slot>
 
     <v-group-settings>
-        <div class="flex items-center justify-between rounded-lg border border-gray-200 bg-white py-2 pl-2 pr-4 text-sm dark:border-gray-800 dark:bg-gray-900 dark:text-gray-300">
-            <div class="flex flex-col">
+        <div class="flex items-center justify-between rounded-lg border border-gray-200 bg-white px-4 py-2 text-sm dark:border-gray-800 dark:bg-gray-900 dark:text-gray-300">
+            <div class="flex flex-col gap-2">
                 <div class="flex cursor-pointer items-center">
-                    <i class="icon-left-arrow text-2xl text-gray-800"></i>
-
-                    <a
-                        href="{{ route('admin.settings.groups.index') }}"
-                        class="text-xs text-gray-800 dark:text-gray-300"
-                    >
-                        Settings
-                    </a>
+                    <x-admin::breadcrumbs name="settings.groups" />
                 </div>
 
-                <div class="pl-3 text-xl font-normal dark:text-gray-300">
+                <div class="text-xl font-bold dark:text-gray-300">
                     @lang('admin::app.settings.groups.index.title')
                 </div>
             </div>
@@ -44,24 +37,17 @@ class="primary-button"
             type="text/x-template"
             id="group-settings-template"
         >
-            <div class="flex items-center justify-between rounded-lg border border-gray-200 bg-white py-2 pl-2 pr-4 text-sm dark:border-gray-800 dark:bg-gray-900 dark:text-gray-300">
-                <div class="flex flex-col">
+            <div class="flex items-center justify-between rounded-lg border border-gray-200 bg-white px-4 py-2 text-sm dark:border-gray-800 dark:bg-gray-900 dark:text-gray-300">
+                <div class="flex flex-col gap-2">
                     <div class="flex cursor-pointer items-center">
-                        <i class="icon-left-arrow text-2xl text-gray-800"></i>
-
-                        <a
-                            href="{{ route('admin.settings.groups.index') }}"
-                            class="text-xs text-gray-800 dark:text-gray-300"
-                        >
-                            Settings
-                        </a>
+                        <x-admin::breadcrumbs name="settings.groups" />
                     </div>
 
-                    <div class="pl-3 text-xl font-normal dark:text-gray-300">
+                    <div class="text-xl font-bold dark:text-gray-300">
                         @lang('admin::app.settings.groups.index.title')
                     </div>
                 </div>
-        
+
                 <div class="flex items-center gap-x-2.5">
                     <!-- Create button for person -->
                     <div class="flex items-center gap-x-2.5">

public/build/manifest.json

@@ -1,6 +1,6 @@
 {
   "src/Resources/assets/css/app.css": {
-    "file": "assets/app-c3d49b3e.css",
+    "file": "assets/app-fa10a693.css",
     "isEntry": true,
     "src": "src/Resources/assets/css/app.css"
   },
@@ -178,11 +178,11 @@
   },
   "src/Resources/assets/images/favicon/apple-icon-precomposed.png": {
     "file": "assets/apple-icon-11320d35.png",
-    "src": "src/Resources/assets/images/favicon/apple-icon-precomposed.png"
+    "src": "src/Resources/assets/images/favicon/apple-icon.png"
   },
   "src/Resources/assets/images/favicon/apple-icon.png": {
     "file": "assets/apple-icon-11320d35.png",
-    "src": "src/Resources/assets/images/favicon/apple-icon-precomposed.png"
+    "src": "src/Resources/assets/images/favicon/apple-icon.png"
   },
   "src/Resources/assets/images/favicon/favicon-16x16.png": {
     "file": "assets/favicon-16x16-eb7238ce.png",
@@ -360,7 +360,7 @@
     "css": [
       "assets/app-c04ede37.css"
     ],
-    "file": "assets/app-4850f2e3.js",
+    "file": "assets/app-0add5a72.js",
     "isEntry": true,
     "src": "src/Resources/assets/js/app.js"
   }