move on close to props

ekaterinburgdev · Dec 10, 2023 · da6a22e · da6a22e · ekbdev · Dec 10, 2023
1 parent f1b2787
commit da6a22e
Showing 1 changed file with 1 addition and 5 deletions.
diff --git a/client/components/UI/Modal/Modal.tsx b/client/components/UI/Modal/Modal.tsx
@@ -16,18 +16,14 @@ export function Modal({ title = null, children, onClose = () => {} }) {
         ref.current.showModal();
         // Remove focus after open
         (document.activeElement as HTMLElement).blur();
-
-        ref.current.addEventListener('close', onClose);
-
-        return () => ref.current?.removeEventListener('close', onClose);
     }, []);
 
     const close = () => {
         ref.current.close();
     };
 
     return (
-        <dialog className={cn(styles.Modal)} ref={ref}>
+        <dialog className={cn(styles.Modal)} ref={ref} onClose={onClose}>
             <button className={cn(styles.ModalClose)} onClick={close}>
                 <Close />
             </button>