From 11a58333a7cda79807770f748aed60547e81f168 Mon Sep 17 00:00:00 2001
From: Richard Dern <richard@athaliasoft.com>
Date: Thu, 25 Apr 2024 02:11:28 +0200
Subject: [PATCH] Added an Update details

---
 app/View/Components/Update.php              | 26 +++++++++++++++++++++
 resources/css/details.css                   | 15 +++++++++---
 resources/views/components/update.blade.php |  4 ++++
 3 files changed, 42 insertions(+), 3 deletions(-)
 create mode 100644 app/View/Components/Update.php
 create mode 100644 resources/views/components/update.blade.php

diff --git a/app/View/Components/Update.php b/app/View/Components/Update.php
new file mode 100644
index 0000000..4c4d73f
--- /dev/null
+++ b/app/View/Components/Update.php
@@ -0,0 +1,26 @@
+<?php
+
+namespace App\View\Components;
+
+use Closure;
+use Illuminate\Contracts\View\View;
+use Illuminate\View\Component;
+
+class Update extends Component
+{
+    /**
+     * Create a new component instance.
+     */
+    public function __construct(public ?string $title = '')
+    {
+        //
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     */
+    public function render(): View|Closure|string
+    {
+        return view('components.update');
+    }
+}
diff --git a/resources/css/details.css b/resources/css/details.css
index 8e4a12d..bb3d4cb 100644
--- a/resources/css/details.css
+++ b/resources/css/details.css
@@ -1,8 +1,7 @@
-.spoiler {
-    border-left: 4px solid #d08770;
+.spoiler,
+.update {
     margin: 1rem auto;
     color: #e4f1fe;
-    background-color: #564d33;
     max-width: var(--design-width);
     width: 100%;
     border-radius: .5rem;
@@ -20,3 +19,13 @@ .spoiler {
         }
     }
 }
+
+.spoiler {
+    border-left: 4px solid #d08770;
+    background-color: #564d33;
+}
+
+.update {
+    border-left: 4px solid #7070d0;
+    background-color: #363356;
+}
diff --git a/resources/views/components/update.blade.php b/resources/views/components/update.blade.php
new file mode 100644
index 0000000..87b7e45
--- /dev/null
+++ b/resources/views/components/update.blade.php
@@ -0,0 +1,4 @@
+<details class="update">
+    <summary>{{ $title }}</summary>
+    <div class="markdown-body">{!! (new \App\Services\Markdown\Formatter($slot))->render() !!}</div>
+</details>