Use Shout instead of custom alert component (#1449)

Co-authored-by: Glenn Jacobs <glenn@neondigital.co.uk>

packages/admin/src/Filament/Resources/OrderResource/Pages/ManageOrder.php

@@ -2,6 +2,8 @@
 
 namespace Lunar\Admin\Filament\Resources\OrderResource\Pages;
 
+use Awcodes\Shout\Components\Shout;
+use Awcodes\Shout\Components\ShoutEntry;
 use Barryvdh\DomPDF\Facade\Pdf;
 use Closure;
 use Filament\Actions;
@@ -17,6 +19,7 @@
 use Filament\Support\Enums\ActionSize;
 use Filament\Support\Enums\FontWeight;
 use Filament\Support\Enums\IconPosition;
+use Filament\Support\Facades\FilamentIcon;
 use Illuminate\Contracts\Support\Htmlable;
 use Illuminate\Support\Arr;
 use Illuminate\Support\HtmlString;
@@ -26,7 +29,6 @@
 use Lunar\Admin\Filament\Resources\OrderResource\Pages\Components\OrderItemsTable;
 use Lunar\Admin\Support\Actions\Orders\UpdateStatusAction;
 use Lunar\Admin\Support\ActivityLog\Concerns\CanDispatchActivityUpdated;
-use Lunar\Admin\Support\Infolists\Components\Alert;
 use Lunar\Admin\Support\Infolists\Components\Livewire;
 use Lunar\Admin\Support\Infolists\Components\Tags;
 use Lunar\Admin\Support\Infolists\Components\Timeline;
@@ -79,18 +81,19 @@ public function infolist(Infolist $infolist): Infolist
             ->schema([
                 Infolists\Components\Group::make()
                     ->schema([
-                        Alert::make('requires_capture')
-                            ->danger()
+                        ShoutEntry::make('requires_capture')
+                            ->type('danger')
                             ->content(__('lunarpanel::order.infolist.alert.requires_capture'))
                             ->visible(fn () => $this->requiresCapture),
-                        Alert::make('requires_capture')
+                        ShoutEntry::make('requires_capture')
                             ->state(fn () => $this->paymentStatus)
-                            ->icons(fn ($state) => [
-                                'heroicon-o-exclamation-circle' => 'refunded',
-                            ])
-                            ->configureColor(fn (Alert $component, $state) => match ($state) {
-                                'partial-refund' => $component->info(),
-                                'refunded' => $component->danger(),
+                            ->icon(fn ($state) => match ($state) {
+                                'refunded' => FilamentIcon::resolve('lunar::exclamation-circle'),
+                                default => null
+                            })
+                            ->color(fn (ShoutEntry $component, $state) => match ($state) {
+                                'partial-refund' => 'info',
+                                'refunded' => 'danger',
                                 default => null
                             })->content(fn ($state) => match ($state) {
                                 'partial-refund' => __('lunarpanel::order.infolist.alert.partially_refunded'),
@@ -770,7 +773,7 @@ protected function getCaptureAction(): Actions\Action
                     ->live()
                     ->autocomplete(false)
                     ->minValue(1)
-                    ->helperText(function ($get, $state) {
+                    ->helperText(function (Forms\Components\TextInput $component, $get, $state) {
                         $transaction = Transaction::findOrFail($get('transaction'));
 
                         $message = $transaction->amount->decimal > $state ? __('lunarpanel::order.form.amount.hint.less_than_total') : null;
@@ -779,10 +782,11 @@ protected function getCaptureAction(): Actions\Action
                             return null;
                         }
 
-                        return view('lunarpanel::components.alert', [
-                            'content' => $message,
-                            'color' => 'danger',
-                        ]);
+                        return Shout::make('alert')
+                            ->container($component->getContainer())
+                            ->type('danger')
+                            ->icon(FilamentIcon::resolve('lunar::exclamation-circle'))
+                            ->content($message);
                     })
                     ->numeric(),
                 Forms\Components\Toggle::make('confirm')

packages/admin/src/LunarPanelManager.php

@@ -131,6 +131,7 @@ public function register(): self
             'lunar::image-placeholder' => 'lucide-image',
             'lunar::trending-up' => 'lucide-trending-up',
             'lunar::trending-down' => 'lucide-trending-down',
+            'lunar::exclamation-circle' => 'lucide-alert-circle',
         ]);
 
         FilamentColor::register([