popov/mwitnessing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

confirm before delete!

Browse Source
This commit is contained in:
Dobromir Popov
2024-04-25 18:54:19 +03:00
parent 96dfdf3384
commit 14c06b6062
3 changed files with 28 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/ConfirmationModal.tsx
View File

@ -1,10 +1,12 @@
import zIndex from "@mui/material/styles/zIndex";
export default function ConfirmationModal({ isOpen, onClose, onConfirm, message }) {
//export default function ConfirmationModal({ isOpen, onClose, onConfirm, message })
if (!isOpen) return null;
return (
<div className="fixed inset-0 flex items-center justify-center z-50">
<div className="bg-white p-4 rounded-md shadow-lg modal-content">
<div className="opacity-100 fixed inset-0 flex items-center justify-center z-1002" >
<div className="bg-white p-4 rounded-md shadow-lg modal-content" style={{ zIndex: 1002 }}>
<p className="mb-4">{message}</p>
<button
className="bg-red-500 text-white px-4 py-2 rounded mr-2"