Improving site identity management (#127)

Co-authored-by: James Brooks <[email protected]>

Author: soymgomez

resources/views/components/about.blade.php

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

resources/views/components/cachet.blade.php

@@ -10,19 +10,19 @@
 
         <title>{{ $title ?: config('cachet.title', 'Cachet') }}</title>
         <meta name="title" content="{{ $title ?: config('cachet.title', 'Cachet') }}" />
-        <meta name="description" content="Status page for {{ $site_name }}." />
+        <meta name="description" content="{{ $description }}" />
 
         <!-- Open Graph / Facebook -->
         <meta property="og:type" content="website" />
         <meta property="og:url" content="{{ url(Cachet::path()) }}" />
         <meta property="og:title" content="{{ $title ?: config('cachet.title', 'Cachet') }}" />
-        <meta property="og:description" content="Status page for {{ $site_name }}." />
+        <meta property="og:description" content="{{ $description }}" />
 
         <!-- Twitter -->
         <meta property="twitter:card" content="summary_large_image" />
         <meta property="twitter:url" content="{{ url(Cachet::path()) }}" />
         <meta property="twitter:title" content="{{ $title ?: config('cachet.title', 'Cachet') }}" />
-        <meta property="twitter:description" content="Status page for {{ $site_name }}." />
+        <meta property="twitter:description" content="{{ $description }}" />
 
         @vite(['resources/css/cachet.css', 'resources/js/cachet.js'], 'vendor/cachethq/cachet/build')
         @filamentStyles

src/View/Components/About.php

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

src/View/Components/Cachet.php

@@ -7,6 +7,7 @@
 use Closure;
 use Illuminate\Contracts\View\View;
 use Illuminate\View\Component;
+use Illuminate\Support\Str;
 
 class Cachet extends Component
 {
@@ -16,13 +17,15 @@ class Cachet extends Component
     public function __construct(
         private readonly AppSettings $appSettings,
         private readonly CustomizationSettings $customizationSettings,
-        private ?string $title = null
+        private ?string $title = null,
+        private ?string $description = null
     ) {
         if ($this->title) {
             $this->title .= ' - '.($this->appSettings->name ?: config('cachet.title'));
         }
 
         $this->title ??= ($this->appSettings->name ?? config('cachet.title'));
+        $this->description ??= (Str::of($this->appSettings->about)->trim()->toString());
     }
 
     /**
@@ -32,6 +35,7 @@ public function render(): View|Closure|string
     {
         return view('cachet::components.cachet', [
             'title' => $this->title,
+            'description' => $this->description,
             'site_name' => $this->appSettings->name,
             'cachet_header' => $this->customizationSettings->header,
             'cachet_css' => $this->customizationSettings->stylesheet,