Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-05 04:45:47 +01:00
Code Issues Packages Projects Releases Activity

refactor(react/dialogs): don't render modals unless they are actually shown

Browse Source
This commit is contained in:
Elian Doran
2025-08-10 14:55:41 +03:00
parent f7093c035b
commit 48eebbe2fe
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/client/src/widgets/react/Modal.tsx
View File

@@ -116,7 +116,7 @@ export default function Modal({ children, className, size, title, header, footer
return ( return (
<div className={`modal fade mx-auto ${className}`} tabIndex={-1} style={dialogStyle} role="dialog" ref={modalRef}> <div className={`modal fade mx-auto ${className}`} tabIndex={-1} style={dialogStyle} role="dialog" ref={modalRef}>
<div className={`modal-dialog modal-${size} ${scrollable ? "modal-dialog-scrollable" : ""}`} style={documentStyle} role="document"> {show && <div className={`modal-dialog modal-${size} ${scrollable ? "modal-dialog-scrollable" : ""}`} style={documentStyle} role="document">
<div className="modal-content"> <div className="modal-content">
<div className="modal-header"> <div className="modal-header">
{!title || typeof title === "string" ? ( {!title || typeof title === "string" ? (
@@ -144,7 +144,7 @@ export default function Modal({ children, className, size, title, header, footer
</ModalInner> </ModalInner>
)} )}
</div> </div>
</div> </div>}
</div> </div>
); );
} }