From 480dbc0b413ad4d3df86eb685752ad4cf6afb7d7 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Thu, 16 May 2024 17:07:30 +0200
Subject: [PATCH] handling unclosable inner attribute

---
 src/components/ui/Modal.jsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/Modal.jsx b/src/components/ui/Modal.jsx
index f16c2e2..369d4c0 100644
--- a/src/components/ui/Modal.jsx
+++ b/src/components/ui/Modal.jsx
@@ -16,7 +16,7 @@ export default function Modal({ open, onClose, children, className, id, closeMod
 	}, [open]);
 
 	useEffect(() => {
-		if (!unclosable) return;
+		if (!unclosable || unclosable === "false") return;
 		const { current: currentElement } = modalRef;
 		currentElement.addEventListener("cancel", (event) => {
 			event.preventDefault();
@@ -24,7 +24,12 @@ export default function Modal({ open, onClose, children, className, id, closeMod
 	}, [unclosable]);
 
 	return (
-		<dialog id={id} className={className} ref={modalRef} onClose={onClose}>
+		<dialog
+			id={id}
+			className={className}
+			ref={modalRef}
+			onClose={onClose}
+			unclosable={unclosable ?? "false"}>
 			{children}
 		</dialog>
 	);