dwindown/meet-hub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make admin modals non-dismissible with confirmation

Browse Source 
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>
This commit is contained in:
dwindown
2025-12-25 11:50:00 +07:00
parent 8c7f4000a9
commit 5ae1632684
5 changed files with 42 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/admin/AdminConsulting.tsx
View File

@@ -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>

16
src/pages/admin/AdminEvents.tsx
View File

@@ -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>

8
src/pages/admin/AdminMembers.tsx
View File

@@ -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>

8
src/pages/admin/AdminOrders.tsx
View File

@@ -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>

8
src/pages/admin/AdminProducts.tsx
View File

@@ -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>