From 5ae1632684e7a2f9e3326e3ac5a8427ff139a45f Mon Sep 17 00:00:00 2001
From: dwindown <dwinx.ramz@gmail.com>
Date: Thu, 25 Dec 2025 11:50:00 +0700
Subject: [PATCH] Make admin modals non-dismissible with confirmation
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Prevent accidental data loss by requiring confirmation before closing any admin modal via backdrop click. Applied to all admin pages with dialogs.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 src/pages/admin/AdminConsulting.tsx |  8 +++++++-
 src/pages/admin/AdminEvents.tsx     | 16 ++++++++++++++--
 src/pages/admin/AdminMembers.tsx    |  8 +++++++-
 src/pages/admin/AdminOrders.tsx     |  8 +++++++-
 src/pages/admin/AdminProducts.tsx   |  8 +++++++-
 5 files changed, 42 insertions(+), 6 deletions(-)

diff --git a/src/pages/admin/AdminConsulting.tsx b/src/pages/admin/AdminConsulting.tsx
index bac8c64..07bb1cc 100644
--- a/src/pages/admin/AdminConsulting.tsx
+++ b/src/pages/admin/AdminConsulting.tsx
@@ -580,7 +580,13 @@ export default function AdminConsulting() {
         </Tabs>
 
         {/* Meet Link Dialog */}
-        <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
+        <Dialog open={dialogOpen} onOpenChange={(open) => {
+          if (!open) {
+            const confirmed = window.confirm('Tutup dialog? Data yang belum disimpan akan hilang.');
+            if (!confirmed) return;
+          }
+          setDialogOpen(open);
+        }}>
           <DialogContent className="max-w-md border-2 border-border">
             <DialogHeader>
               <DialogTitle>Link Google Meet</DialogTitle>
diff --git a/src/pages/admin/AdminEvents.tsx b/src/pages/admin/AdminEvents.tsx
index 02296fc..4b4ab70 100644
--- a/src/pages/admin/AdminEvents.tsx
+++ b/src/pages/admin/AdminEvents.tsx
@@ -432,7 +432,13 @@ export default function AdminEvents() {
         </Tabs>
 
         {/* Event Dialog */}
-        <Dialog open={eventDialogOpen} onOpenChange={setEventDialogOpen}>
+        <Dialog open={eventDialogOpen} onOpenChange={(open) => {
+          if (!open) {
+            const confirmed = window.confirm('Tutup dialog? Data yang belum disimpan akan hilang.');
+            if (!confirmed) return;
+          }
+          setEventDialogOpen(open);
+        }}>
           <DialogContent className="max-w-md border-2 border-border">
             <DialogHeader>
               <DialogTitle>{editingEvent ? 'Edit Event' : 'Buat Event Baru'}</DialogTitle>
@@ -504,7 +510,13 @@ export default function AdminEvents() {
         </Dialog>
 
         {/* Block Dialog */}
-        <Dialog open={blockDialogOpen} onOpenChange={setBlockDialogOpen}>
+        <Dialog open={blockDialogOpen} onOpenChange={(open) => {
+          if (!open) {
+            const confirmed = window.confirm('Tutup dialog? Data yang belum disimpan akan hilang.');
+            if (!confirmed) return;
+          }
+          setBlockDialogOpen(open);
+        }}>
           <DialogContent className="max-w-md border-2 border-border">
             <DialogHeader>
               <DialogTitle>{editingBlock ? 'Edit Blok' : 'Tambah Blok Ketersediaan'}</DialogTitle>
diff --git a/src/pages/admin/AdminMembers.tsx b/src/pages/admin/AdminMembers.tsx
index 37d2dcf..aefa6fb 100644
--- a/src/pages/admin/AdminMembers.tsx
+++ b/src/pages/admin/AdminMembers.tsx
@@ -205,7 +205,13 @@ export default function AdminMembers() {
               )}
             </div>
 
-        <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
+        <Dialog open={dialogOpen} onOpenChange={(open) => {
+          if (!open) {
+            const confirmed = window.confirm('Tutup dialog? Data yang belum disimpan akan hilang.');
+            if (!confirmed) return;
+          }
+          setDialogOpen(open);
+        }}>
           <DialogContent className="max-w-lg border-2 border-border">
             <DialogHeader>
               <DialogTitle>Detail Member</DialogTitle>
diff --git a/src/pages/admin/AdminOrders.tsx b/src/pages/admin/AdminOrders.tsx
index 20a3855..3f0dd25 100644
--- a/src/pages/admin/AdminOrders.tsx
+++ b/src/pages/admin/AdminOrders.tsx
@@ -262,7 +262,13 @@ export default function AdminOrders() {
             )}
           </div>
 
-          <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
+          <Dialog open={dialogOpen} onOpenChange={(open) => {
+            if (!open) {
+              const confirmed = window.confirm('Tutup dialog? Data yang belum disimpan akan hilang.');
+              if (!confirmed) return;
+            }
+            setDialogOpen(open);
+          }}>
           <DialogContent className="max-w-lg border-2 border-border">
             <DialogHeader>
               <DialogTitle>Detail Order</DialogTitle>
diff --git a/src/pages/admin/AdminProducts.tsx b/src/pages/admin/AdminProducts.tsx
index c4588dd..77201ed 100644
--- a/src/pages/admin/AdminProducts.tsx
+++ b/src/pages/admin/AdminProducts.tsx
@@ -267,7 +267,13 @@ export default function AdminProducts() {
           )}
         </div>
 
-        <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
+        <Dialog open={dialogOpen} onOpenChange={(open) => {
+          if (!open) {
+            const confirmed = window.confirm('Tutup dialog? Data yang belum disimpan akan hilang.');
+            if (!confirmed) return;
+          }
+          setDialogOpen(open);
+        }}>
           <DialogContent className="max-w-3xl max-h-[90vh] overflow-y-auto border-2 border-border">
             <DialogHeader>
               <DialogTitle>{editingProduct ? 'Edit Produk' : 'Produk Baru'}</DialogTitle>