From 4f1555f196c71088174562802d11b2062bd04f5f Mon Sep 17 00:00:00 2001 From: Shirone Date: Tue, 27 Jan 2026 00:29:34 +0100 Subject: [PATCH] feat(event-history): Replace alert with toast notifications for event replay results Update the EventHistoryView component to use toast notifications instead of alert dialogs for displaying event replay results, enhancing user experience and providing clearer feedback on success and failure states. --- .../settings-view/event-hooks/event-history-view.tsx | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/apps/ui/src/components/views/settings-view/event-hooks/event-history-view.tsx b/apps/ui/src/components/views/settings-view/event-hooks/event-history-view.tsx index e9c5a071..a1c6bcba 100644 --- a/apps/ui/src/components/views/settings-view/event-hooks/event-history-view.tsx +++ b/apps/ui/src/components/views/settings-view/event-hooks/event-history-view.tsx @@ -19,6 +19,7 @@ import type { StoredEventSummary, StoredEvent, EventHookTrigger } from '@automak import { EVENT_HOOK_TRIGGER_LABELS } from '@automaker/types'; import { getHttpApiClient } from '@/lib/http-api-client'; import { ConfirmDialog } from '@/components/ui/confirm-dialog'; +import { toast } from 'sonner'; export function EventHistoryView() { const currentProject = useAppStore((state) => state.currentProject); @@ -85,16 +86,18 @@ export function EventHistoryView() { const failCount = hookResults.filter((r) => !r.success).length; if (hooksTriggered === 0) { - alert('No matching hooks found for this event trigger.'); + toast.info('No matching hooks found for this event trigger.'); } else if (failCount === 0) { - alert(`Successfully ran ${successCount} hook(s).`); + toast.success(`Successfully ran ${successCount} hook(s).`); } else { - alert(`Ran ${hooksTriggered} hook(s): ${successCount} succeeded, ${failCount} failed.`); + toast.warning( + `Ran ${hooksTriggered} hook(s): ${successCount} succeeded, ${failCount} failed.` + ); } } } catch (error) { console.error('Failed to replay event:', error); - alert('Failed to replay event. Check console for details.'); + toast.error('Failed to replay event. Check console for details.'); } finally { setReplayingEvent(null); }