Forms: fix close modal in responsive mode (#45541)

* Forms: Make it possible to close the modal on mobile responsive view

* changelog

Author: enejb

projects/packages/forms/changelog/fix-close-modal-forms

@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+Forms: fix bug where the responsvie modal is not able to be closed. 

projects/packages/forms/src/dashboard/components/response-view/single.tsx

@@ -31,12 +31,17 @@ const SingleResponseView = ( {
 	selection,
 } ) => {
 	const [ isChildModalOpen, setIsChildModalOpen ] = useState( false );
+	const [ isModalOpen, setIsModalOpen ] = useState( true );
 
 	const onRequestClose = useCallback( () => {
 		if ( ! isChildModalOpen ) {
 			onChangeSelection?.( [] );
 		}
-	}, [ onChangeSelection, isChildModalOpen ] );
+
+		if ( isMobile ) {
+			setIsModalOpen( false );
+		}
+	}, [ onChangeSelection, isChildModalOpen, setIsModalOpen, isMobile ] );
 
 	const handleModalStateChange = useCallback(
 		isOpen => {
@@ -104,6 +109,10 @@ const SingleResponseView = ( {
 		);
 	}
 
+	if ( ! isModalOpen ) {
+		return null;
+	}
+
 	return (
 		<Modal
 			title={ __( 'Response', 'jetpack-forms' ) }

projects/plugins/jetpack/changelog/fix-close-modal-forms

@@ -0,0 +1,4 @@
+Significance: patch
+Type: bugfix
+
+Forms: fix a bug where ther responsive modal is not able to be closed.