🎨 Make the Alert component anonymous

roots · Jan 4, 2024 · 5b07f46 · 5b07f46
1 parent 5cd2c43
commit 5b07f46
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 58 deletions.
diff --git a/app/View/Components/Alert.php b/app/View/Components/Alert.php
diff --git a/resources/views/components/alert.blade.php b/resources/views/components/alert.blade.php
@@ -1,3 +1,15 @@
-<div {{ $attributes->merge(['class' => $type]) }}>
+@props([
+  'type' => null,
+  'message' => null,
+])
+
+@php($class = match ($type) {
+  'success' => 'text-green-50 bg-green-400',
+  'caution' => 'text-yellow-50 bg-yellow-400',
+  'warning' => 'text-red-50 bg-red-400',
+  default => 'text-indigo-50 bg-indigo-400',
+})
+
+<div {{ $attributes->merge(['class' => "px-2 py-1 {$class}"]) }}>
   {!! $message ?? $slot !!}
 </div>