Antoine/lhoist-stay-safe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

handling inclosable param

Browse Source
This commit is contained in:
Antoine M 2024-05-14 17:00:27 +02:00
parent ae438fb89f
commit 8b2fd1ca50
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/ui/Modal.jsx
View File

@ -1,7 +1,7 @@
import React from "react"; import React from "react";
import { useEffect, useRef } from "react"; import { useEffect, useRef } from "react";
export default function Modal({ open, onClose, children, className, id, closeModal }) { export default function Modal({ open, onClose, children, className, id, closeModal, unclosable }) {
const modalRef = useRef(null); const modalRef = useRef(null);
useEffect(() => { useEffect(() => {
@ -15,6 +15,14 @@ export default function Modal({ open, onClose, children, className, id, closeMod
else el.close(); else el.close();
}, [open]); }, [open]);
useEffect(() => {
if (!unclosable) return;
const { current: currentElement } = modalRef;
currentElement.addEventListener("cancel", (event) => {
event.preventDefault();
});
}, [unclosable]);
return ( return (
<dialog id={id} className={className} ref={modalRef} onClose={onClose}> <dialog id={id} className={className} ref={modalRef} onClose={onClose}>
{children} {children}