zack3d/big-agi
1
0
Fork 0
mirror of https://github.com/enricoros/big-AGI.git synced 2026-05-10 21:50:14 -07:00
Code Issues Packages Projects Releases Wiki Activity

GoodModal: options to not react on Backdrop or Escape closes

Browse Source
This commit is contained in:
Enrico Ros
2025-06-23 11:38:23 -07:00
parent b9746ef100
commit f9743fd04b
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/common/components/modals/GoodModal.tsx
+5 -2
View File
@@ -30,6 +30,8 @@ export function GoodModal(props: {
autoOverflow?: boolean,
open: boolean,
onClose?: ((event: React.BaseSyntheticEvent, reason: 'backdropClick' | 'escapeKeyDown' | 'closeClick') => void) | undefined,
disableBackdropClose?: boolean, // if true, the backdrop will not close the modal on click
disableEscapeKeyClose?: boolean, // if true, the escape key will not close the modal
hideBottomClose?: boolean,
darkBottomClose?: boolean,
startButton?: React.JSX.Element,
@@ -77,18 +79,19 @@ export function GoodModal(props: {
const handleOnClose = React.useCallback((event: React.BaseSyntheticEvent, reason: 'backdropClick' | 'escapeKeyDown' | 'closeClick') => {
// ignore clicks on the backdrop that started from within the dialog
const ignoreDragOnBackdrop = reason === 'backdropClick' && dragFromDialogRef.current;
const ignoreDragOnBackdrop = reason === 'backdropClick' && (dragFromDialogRef.current || !!props.disableBackdropClose);
dragFromDialogRef.current = false;
if (ignoreDragOnBackdrop) return;
// normal propagation
onClose?.(event, reason);
}, [onClose]);
}, [onClose, props.disableBackdropClose]);
return (
<Modal
open={props.open}
onClose={!onClose ? undefined : handleOnClose}
disableEscapeKeyDown={props.disableEscapeKeyClose}
slotProps={backdropSx}
>
<ModalOverflow sx={{ p: 1 }}>