From 6cd5b71d1c2040a51b81e8e37853ebd32d6a616a Mon Sep 17 00:00:00 2001
From: Kyle Pope <kyle.a.pope@outlook.com>
Date: Tue, 24 Feb 2026 03:31:29 +0800
Subject: [PATCH] Add Dismiss label to toast button, reactivate on remind_at
 change

- Toast dismiss button now shows X icon + 'Dismiss' text to match
  the snooze button style
- Updating remind_at on a dismissed reminder clears is_dismissed
  and snoozed_until, making the reminder active again

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 backend/app/routers/reminders.py | 5 +++--
 frontend/src/hooks/useAlerts.tsx | 3 ++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/backend/app/routers/reminders.py b/backend/app/routers/reminders.py
index a554ab9..924163d 100644
--- a/backend/app/routers/reminders.py
+++ b/backend/app/routers/reminders.py
@@ -139,9 +139,10 @@ async def update_reminder(
 
     update_data = reminder_update.model_dump(exclude_unset=True)
 
-    # Clear stale snooze if remind_at is being changed
-    if 'remind_at' in update_data:
+    # Reactivate reminder if remind_at is being changed
+    if 'remind_at' in update_data and update_data['remind_at'] is not None:
         reminder.snoozed_until = None
+        reminder.is_dismissed = False
 
     for key, value in update_data.items():
         setattr(reminder, key, value)
diff --git a/frontend/src/hooks/useAlerts.tsx b/frontend/src/hooks/useAlerts.tsx
index b98262e..5dec435 100644
--- a/frontend/src/hooks/useAlerts.tsx
+++ b/frontend/src/hooks/useAlerts.tsx
@@ -114,9 +114,10 @@ export function AlertsProvider({ children }: { children: ReactNode }) {
           <button
             onClick={() => dismissRef.current(reminder.id)}
             aria-label={`Dismiss "${reminder.title}"`}
-            className="p-1 rounded hover:bg-accent/10 hover:text-accent text-muted-foreground transition-colors"
+            className="flex items-center gap-1 px-1.5 py-1 rounded hover:bg-accent/10 hover:text-accent text-muted-foreground transition-colors"
           >
             <X className="h-3.5 w-3.5" />
+            <span className="text-[11px] font-medium">Dismiss</span>
           </button>
         </div>
       </div>