PublicMirrors/hydra
1
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2025-01-23 13:34:54 +03:00
Code Issues Actions Packages Projects Releases 1 Wiki Activity

feat: removing necessity of id on outer div

Browse Source
This commit is contained in:
Fernando Zanutto 2024-04-23 19:11:38 -03:00
parent bf85316800
commit dae566ce76
1 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/renderer/components/modal/modal.tsx
View File

@ -41,10 +41,10 @@ export function Modal({
};
const isTopMostModal = () => {
const openModals = document.querySelectorAll("[role=modal-container]");
const openModals = document.querySelectorAll("[role=modal-content]");
return (
openModals.length &&
openModals[openModals.length - 1].id === "modal-container-" + componentId
openModals[openModals.length - 1] === modalContentRef.current
);
};
@ -63,7 +63,9 @@ export function Modal({
const onMouseDown = (e: MouseEvent) => {
if (!isTopMostModal()) return;
const clickedOutsideContent = !modalContentRef.current.contains(e.target as Node);
const clickedOutsideContent = !modalContentRef.current.contains(
e.target as Node
);
if (clickedOutsideContent) {
handleCloseClick();
@ -81,13 +83,10 @@ export function Modal({
if (!visible) return null;
return createPortal(
<div
className={styles.backdrop({ closing: isClosing })}
role="modal-container"
id={"modal-container-" + componentId}
>
<div className={styles.backdrop({ closing: isClosing })}>
<div
className={styles.modal({ closing: isClosing })}
role="modal-content"
ref={modalContentRef}
>
<div className={styles.modalHeader}>