Implement layout into View component and configure Setup views

cachethq · Jan 17, 2024 · b21e102 · b21e102
1 parent 09228cb
commit b21e102
Show file tree

Hide file tree

Showing 5 changed files with 35 additions and 35 deletions.
diff --git a/...urces/views/layouts/status-page.blade.php → resources/views/components/cachet.blade.php b/...urces/views/layouts/status-page.blade.php → resources/views/components/cachet.blade.php
@@ -1,10 +1,13 @@
+@props([
+    'title',
+])
 <!DOCTYPE html>
 <html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="bg-background-light text-base-light dark:bg-background-dark dark:text-base-dark">
     <head>
         <meta charset="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
 
-        <title>{{ config('cachet.title', 'Cachet') }}</title>
+        <title>{{ $title ?? config('cachet.title', 'Cachet') }}</title>
 
         @vite(['resources/css/cachet.css', 'resources/js/cachet.js'], 'vendor/cachethq/cachet')
 
@@ -19,6 +22,6 @@
         </style>
     </head>
     <body class="antialiased">
-        @yield('content')
+        {{ $slot }}
     </body>
 </html>
diff --git a/resources/views/dashboard/index.blade.php b/resources/views/dashboard/index.blade.php
diff --git a/resources/views/setup/index.blade.php b/resources/views/setup/index.blade.php
@@ -0,0 +1,14 @@
+<x-cachet::cachet :title="$title">
+    <div class="flex items-center justify-center px-8 py-6">
+        <div>
+            <a href="{{ route('cachet.status-page') }}" class="transition hover:opacity-80">
+                <x-cachet::logo class="hidden h-8 w-auto sm:block"/>
+                <x-cachet::logomark class="h-8 w-auto sm:hidden"/>
+            </a>
+        </div>
+    </div>
+
+    Setup Content
+
+    <x-cachet::footer/>
+</x-cachet::cachet>
diff --git a/resources/views/status-page/index.blade.php b/resources/views/status-page/index.blade.php
@@ -1,30 +1,30 @@
-@extends('cachet::layouts.status-page')
-@section('content')
-    <x-cachet::header />
+<x-cachet::cachet>
+    <x-cachet::header/>
 
     <div class="mx-auto max-w-5xl px-4 py-10 sm:px-6 lg:px-8">
         <div>
             <h2 class="text-3xl font-semibold">About This Site</h2>
             <div class="prose prose-zinc mt-1 dark:prose-invert prose-a:text-primary-500 prose-a:underline">
                 {{-- format-ignore-start --}}
-                    <p>
-                        This is the demo instance of <a href="https://cachethq.io/" target="_blank">Cachet</a>. The open-source status page system.
-                    </p>
+                <p>
+                    This is the demo instance of <a href="https://cachethq.io/" target="_blank">Cachet</a>. The
+                    open-source status page system.
+                </p>
                 {{-- format-ignore-end --}}
             </div>
         </div>
 
         <div class="mt-6 space-y-10">
-            <x-cachet::status-bar />
+            <x-cachet::status-bar/>
 
-            <x-cachet::component-group title="Laravel" />
-            <x-cachet::component-group title="Cachet" />
+            <x-cachet::component-group title="Laravel"/>
+            <x-cachet::component-group title="Cachet"/>
 
-            <x-cachet::maintenance />
+            <x-cachet::maintenance/>
 
-            <x-cachet::incidents />
+            <x-cachet::incidents/>
         </div>
     </div>
 
-    <x-cachet::footer />
-@endsection
+    <x-cachet::footer/>
+</x-cachet::cachet>
diff --git a/src/Http/Controllers/Setup/SetupController.php b/src/Http/Controllers/Setup/SetupController.php
@@ -3,12 +3,13 @@
 namespace Cachet\Http\Controllers\Setup;
 
 use Illuminate\Routing\Controller;
-use Inertia\Inertia;
 
 class SetupController extends Controller
 {
     public function index()
     {
-        return Inertia::render('Setup/Index');
+        return view('cachet::setup.index', [
+            'title' => __('Setup Cachet')
+        ]);
     }
 }