From 648749a69aefa3f726816c24f272ff39706074c9 Mon Sep 17 00:00:00 2001
From: mrKamoo <bayse.lucas@gmail.com>
Date: Fri, 19 Jun 2026 16:41:55 +0200
Subject: [PATCH] feat: replace logo with app name in navigation bar

Display APP_NAME from config instead of the ApplicationLogo SVG.
App name shared globally via Inertia HandleInertiaRequests middleware.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/Http/Middleware/HandleInertiaRequests.php | 1 +
 resources/js/Layouts/AuthenticatedLayout.vue  | 9 +++------
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/app/Http/Middleware/HandleInertiaRequests.php b/app/Http/Middleware/HandleInertiaRequests.php
index 685deb4..f5c7666 100644
--- a/app/Http/Middleware/HandleInertiaRequests.php
+++ b/app/Http/Middleware/HandleInertiaRequests.php
@@ -38,6 +38,7 @@ class HandleInertiaRequests extends Middleware
                 'success' => fn () => $request->session()->get('success'),
                 'error' => fn () => $request->session()->get('error'),
             ],
+            'appName' => config('app.name'),
         ];
     }
 }
diff --git a/resources/js/Layouts/AuthenticatedLayout.vue b/resources/js/Layouts/AuthenticatedLayout.vue
index 7b88574..a4bdc87 100644
--- a/resources/js/Layouts/AuthenticatedLayout.vue
+++ b/resources/js/Layouts/AuthenticatedLayout.vue
@@ -1,6 +1,5 @@
 <script setup>
 import { ref } from 'vue';
-import ApplicationLogo from '@/Components/ApplicationLogo.vue';
 import Dropdown from '@/Components/Dropdown.vue';
 import DropdownLink from '@/Components/DropdownLink.vue';
 import NavLink from '@/Components/NavLink.vue';
@@ -20,12 +19,10 @@ const showingNavigationDropdown = ref(false);
                 <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
                     <div class="flex h-16 justify-between">
                         <div class="flex">
-                            <!-- Logo -->
+                            <!-- App name -->
                             <div class="flex shrink-0 items-center">
-                                <Link :href="route('dashboard')">
-                                    <ApplicationLogo
-                                        class="block h-9 w-auto fill-current text-gray-800 dark:text-gray-200"
-                                    />
+                                <Link :href="route('dashboard')" class="text-base font-extrabold tracking-tight text-slate-800 dark:text-slate-100">
+                                    {{ $page.props.appName ?? 'OrderCheck' }}
                                 </Link>
                             </div>