diff --git a/src/custom/Modal/index.tsx b/src/custom/Modal/index.tsx index 815b42586..8c8ba89f3 100644 --- a/src/custom/Modal/index.tsx +++ b/src/custom/Modal/index.tsx @@ -14,6 +14,7 @@ interface ModalProps extends DialogProps { headerIcon?: React.ReactNode; reactNode?: React.ReactNode; isFullScreenModeAllowed?: boolean; + openFullscreenOnStart?: boolean; } interface ModalFooterProps { @@ -153,14 +154,22 @@ export const Modal: React.FC = ({ children, maxWidth = 'xs', isFullScreenModeAllowed, + openFullscreenOnStart = false, ...props }) => { - const [fullScreen, setFullScreen] = useState(false); + const [fullScreen, setFullScreen] = useState(openFullscreenOnStart); const toggleFullScreen = () => { setFullScreen((prev) => !prev); }; + + const { + fullScreen: _ignoredFullScreen, + fullWidth: _ignoredFullWidth, + ...restProps + } = props; return ( = ({ aria-describedby="alert-dialog-slide-description" fullScreen={fullScreen} fullWidth={!fullScreen} - {...props} > {title && (