created Settings Page

app/Livewire/Settings/Settings.php

@@ -0,0 +1,15 @@
+<?php
+
+namespace App\Livewire\Settings;
+
+use Livewire\Component;
+use Livewire\Attributes\title;
+
+#[title('Settings')]
+class Settings extends Component
+{
+    public function render()
+    {
+        return view('livewire.settings.settings');
+    }
+}

resources/views/components/navbar.blade.php

@@ -8,16 +8,16 @@
   <flux:navbar class="-mb-px max-lg:hidden">
     <flux:navbar.item wire:navigate icon="home" href="{{ route('dashboard') }}">Dashboard</flux:navbar.item>
     <flux:navbar.item wire:navigate icon="shopping-bag" href="{{ route('dashboard') }}">Orders</flux:navbar.item>
-    <flux:navbar.item wire:navigate icon="archive-box" href="{{ route('manufacturers.index') }}">Manufacturers</flux:navbar.item>
+    
 
     <flux:dropdown>
       <flux:navbar.item icon="circle-stack" icon-trailing="chevron-down">Filaments</flux:navbar.item>
-  
       <flux:navmenu>
-        <flux:navmenu.item wire:navigate href="{{ route('filaments.index') }}">All Filaments</flux:navmenu.item>
+        <flux:navmenu.item wire:navigate icon="circle-stack" href="{{ route('filaments.index') }}">All Filaments</flux:navmenu.item>
         <flux:navmenu.separator />
-        <flux:navmenu.item wire:navigate href="{{ route('colors.index') }}">Colors</flux:navmenu.item>
-        <flux:navmenu.item wire:navigate href="{{ route('types.index') }}">Types</flux:navmenu.item>
+        <flux:navmenu.item wire:navigate icon="archive-box" href="{{ route('manufacturers.index') }}">Manufacturers</flux:navmenu.item>
+        <flux:navmenu.item wire:navigate icon="paint-brush" href="{{ route('colors.index') }}">Colors</flux:navmenu.item>
+        <flux:navmenu.item wire:navigate icon="clipboard" href="{{ route('types.index') }}">Types</flux:navmenu.item>
       </flux:navmenu>
     </flux:dropdown>
   </flux:navbar>
@@ -27,7 +27,7 @@
 
   <flux:navbar class="mr-4">
     <flux:navbar.item icon="magnifying-glass" href="#" label="Search" />
-    <flux:navbar.item class="max-lg:hidden" icon="cog-6-tooth" href="#" label="Settings" />
+    <flux:navbar.item class="max-lg:hidden" icon="cog-6-tooth" href="{{ route('settings.index') }}" label="Settings" />
     <flux:separator vertical variant="subtle" class="my-2"/>
   </flux:navbar>
 

resources/views/livewire/settings/settings.blade.php

@@ -0,0 +1,3 @@
+<div>
+    {{-- Stop trying to control. --}}
+</div>

routes/web.php

@@ -3,11 +3,14 @@
 use Illuminate\Support\Facades\Route;
 
 use App\Livewire\Dashboard;
+
 use App\Livewire\Filament\Color;
 use App\Livewire\Filament\Type;
 use App\Livewire\Filament\Manufacturer;
 use App\Livewire\Filament\Filament;
 
+use App\Livewire\Settings\Settings;
+
 Route::get('/', function () {
     return view('welcome');
 });
@@ -20,6 +23,7 @@ Route::middleware([
 
     // Dashboard
     Route::get('/', Dashboard::class)->name('dashboard');
+
     // Colors
     Route::get('colors', Color::class)->name('colors.index');
     // Types
@@ -29,4 +33,7 @@ Route::middleware([
     // Manufacturers
     Route::get('manufacturers', Manufacturer::class)->name('manufacturers.index');
 
+    // Settings
+    Route::get('settings', Settings::class)->name('settings.index');
+
 });