From 86148a101f326ffea5eee4b5098661cf0cf453cf Mon Sep 17 00:00:00 2001
From: null <koga.industries@gmail.com>
Date: Sun, 10 May 2026 17:56:23 -0500
Subject: [PATCH] feat: remove confirmation popup from status badge toggle
 (v0.24.3)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Clicking status badges (Late, Due Soon, Upcoming, Missed) now instantly
toggles paid/unpaid. Removed AlertDialog from TrackerPage.jsx — no more
confirmation dialog blocking the action.
---
 FUTURE.md                    |  2 +-
 HISTORY.md                   |  5 +++++
 client/lib/version.js        |  6 +++---
 client/pages/TrackerPage.jsx | 38 ------------------------------------
 package.json                 |  2 +-
 5 files changed, 10 insertions(+), 43 deletions(-)

diff --git a/FUTURE.md b/FUTURE.md
index 77105a1..6c96c89 100644
--- a/FUTURE.md
+++ b/FUTURE.md
@@ -3,7 +3,7 @@
 **This document tracks potential future enhancements for Bill Tracker.**
 
 **Last Updated:** 2026-05-10  
-**Current Version:** v0.24.2
+**Current Version:** v0.24.3
 
 ## How to Use This Document
 
diff --git a/HISTORY.md b/HISTORY.md
index 68bffb8..6dc8511 100644
--- a/HISTORY.md
+++ b/HISTORY.md
@@ -1,5 +1,10 @@
 # Bill Tracker — Changelog
 
+## v0.24.3
+
+### Changed
+- **Status badge toggle is instant** — removed the AlertDialog confirmation popup. Clicking Late/Due Soon/Upcoming/Missed badges now toggles paid/unpaid directly.
+
 ## v0.24.2
 
 ### Fixed
diff --git a/client/lib/version.js b/client/lib/version.js
index 8b3a1aa..a816e6c 100644
--- a/client/lib/version.js
+++ b/client/lib/version.js
@@ -1,10 +1,10 @@
-export const APP_VERSION = '0.24.2';
+export const APP_VERSION = '0.24.3';
 export const APP_NAME    = 'BillTracker';
 
 export const RELEASE_NOTES = {
-  version: '0.24.2',
+  version: '0.24.3',
   date: '2026-05-10',
   highlights: [
-    { icon: '🐛', title: 'StatusBadge Toggle Fix', desc: 'Fixed clicking status badges (Late, Due Soon, etc.) to toggle paid/unpaid — was passing wrong property name to API.' },
+    { icon: '🖱️', title: 'Instant Status Toggle', desc: 'Clicking status badges (Late, Due Soon, Upcoming, Missed) now toggles paid/unpaid directly — no more confirmation popup.' },
   ],
 };
\ No newline at end of file
diff --git a/client/pages/TrackerPage.jsx b/client/pages/TrackerPage.jsx
index 7a1833a..244db27 100644
--- a/client/pages/TrackerPage.jsx
+++ b/client/pages/TrackerPage.jsx
@@ -14,16 +14,6 @@ import {
 import {
   Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter,
 } from '@/components/ui/dialog';
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle,
-} from '@/components/ui/alert-dialog';
 import {
   Select, SelectTrigger, SelectValue, SelectContent, SelectItem,
 } from '@/components/ui/select';
@@ -795,7 +785,6 @@ function Row({ row, year, month, refresh, index, onEditBill }) {
   const [editPayment, setEditPayment] = useState(null);
   const [showMbs,     setShowMbs]     = useState(false);
   const [loading,     setLoading]     = useState(false);
-  const [confirmOpen, setConfirmOpen] = useState(false);
 
   // Effective amount threshold for this bill this month:
   // actual_amount (if set by monthly override) takes priority over the template expected_amount.
@@ -843,7 +832,6 @@ function Row({ row, year, month, refresh, index, onEditBill }) {
       toast.error(err.message || 'Failed to toggle payment status');
     } finally {
       setLoading?.(false);
-      setConfirmOpen(false);
     }
   }
 
@@ -943,16 +931,6 @@ function Row({ row, year, month, refresh, index, onEditBill }) {
             clickable
             onClick={() => {
               if (effectiveStatus === 'skipped') return;
-              
-              const isPaid = effectiveStatus === 'paid' || effectiveStatus === 'autodraft';
-              
-              // Show confirmation dialog for toggling Unpaid -> Paid
-              if (!isPaid) {
-                setConfirmOpen(true);
-                return;
-              }
-              
-              // For mark unpaid, proceed directly
               handleTogglePaid();
             }}
             loading={loading}
@@ -1032,22 +1010,6 @@ function Row({ row, year, month, refresh, index, onEditBill }) {
       )}
 
       {/* Payment toggle confirmation dialog */}
-      <AlertDialog open={confirmOpen} onOpenChange={setConfirmOpen}>
-        <AlertDialogContent>
-          <AlertDialogHeader>
-            <AlertDialogTitle>Mark "{row.name}" as paid?</AlertDialogTitle>
-            <AlertDialogDescription>
-              This will record a payment for this bill. You can edit the payment later.
-            </AlertDialogDescription>
-          </AlertDialogHeader>
-          <AlertDialogFooter>
-            <AlertDialogCancel>Cancel</AlertDialogCancel>
-            <AlertDialogAction onClick={handleTogglePaid}>
-              Confirm Payment
-            </AlertDialogAction>
-          </AlertDialogFooter>
-        </AlertDialogContent>
-      </AlertDialog>
     </>
   );
 }
diff --git a/package.json b/package.json
index 63e0db6..6de2925 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bill-tracker",
-  "version": "0.24.2",
+  "version": "0.24.3",
   "description": "Monthly bill tracking system",
   "main": "server.js",
   "scripts": {