Improve status page and incident page

Author: jbrooksuk

resources/views/components/about.blade.php

@@ -1,4 +1,4 @@
-@if ($about !== '' && $about !== null)
+@if ($about !== '')
 <div>
     <h2 class="text-3xl font-semibold">{{ __('About This Site') }}</h2>
     <div class="prose-sm md:prose prose-zinc mt-1 dark:prose-invert prose-a:text-primary-500 prose-a:underline">

resources/views/status-page/incident.blade.php

@@ -1,18 +1,15 @@
 <x-cachet::cachet :title="$incident->name">
     <x-cachet::header />
 
-    <div class="container mx-auto max-w-5xl px-4 py-10 sm:px-6 lg:px-8">
+    <div class="container mx-auto max-w-5xl px-4 py-10 sm:px-6 lg:px-8 flex flex-col space-y-6">
         <x-cachet::about />
 
-        <div class="mt-6 space-y-10">
-            <x-cachet::status-bar />
+        <x-cachet::status-bar />
 
-            <div class="flex flex-col gap-6">
-                <div class="flex flex-col gap-14 w-full">
-                    <x-cachet::incident :date="$incident->occurred_at" :incidents="[$incident]" />
-                </div>
+        <div class="flex flex-col gap-6">
+            <div class="flex flex-col gap-14 w-full">
+                <x-cachet::incident :date="$incident->occurred_at" :incidents="[$incident]" />
             </div>
-
         </div>
     </div>
 

resources/views/status-page/index.blade.php

@@ -1,22 +1,20 @@
 <x-cachet::cachet>
     <x-cachet::header />
 
-    <div class="container mx-auto max-w-5xl px-4 py-10 sm:px-6 lg:px-8">
+    <div class="container mx-auto max-w-5xl px-4 py-10 sm:px-6 lg:px-8 flex flex-col space-y-6">
         <x-cachet::about />
 
-        <div class="mt-6 space-y-10">
-            <x-cachet::status-bar />
+        <x-cachet::status-bar />
 
-            @foreach($componentGroups as $componentGroup)
-            <x-cachet::component-group :component-group="$componentGroup"/>
-            @endforeach
+        @foreach($componentGroups as $componentGroup)
+        <x-cachet::component-group :component-group="$componentGroup"/>
+        @endforeach
 
-            @if($schedules->isNotEmpty())
-            <x-cachet::schedules :schedules="$schedules" />
-            @endif
+        @if($schedules->isNotEmpty())
+        <x-cachet::schedules :schedules="$schedules" />
+        @endif
 
-            <x-cachet::incidents />
-        </div>
+        <x-cachet::incidents />
     </div>
 
     <x-cachet::footer />

src/View/Components/About.php

@@ -24,7 +24,7 @@ public function __construct(private AppSettings $settings)
     public function render(): View|Closure|string
     {
         return view('cachet::components.about', [
-            'about' => Str::of($this->settings->about)->trim()->markdown(),
+            'about' => Str::of($this->settings->about)->trim()->markdown()->toString(),
         ]);
     }
 }