diff --git a/projects/packages/forms/changelog/fix-integrations-modal-flash b/projects/packages/forms/changelog/fix-integrations-modal-flash new file mode 100644 index 0000000000000..bcda4c6801f85 --- /dev/null +++ b/projects/packages/forms/changelog/fix-integrations-modal-flash @@ -0,0 +1,4 @@ +Significance: patch +Type: fixed + +Forms: fix integrations modal flash. diff --git a/projects/packages/forms/src/dashboard/integrations/index.tsx b/projects/packages/forms/src/dashboard/integrations/index.tsx index e0ff04f28bc8c..b4b3f6faebd46 100644 --- a/projects/packages/forms/src/dashboard/integrations/index.tsx +++ b/projects/packages/forms/src/dashboard/integrations/index.tsx @@ -2,7 +2,7 @@ * External dependencies */ import { useSelect, useDispatch } from '@wordpress/data'; -import { useCallback } from '@wordpress/element'; +import { useCallback, useEffect, useState } from '@wordpress/element'; import { useNavigate } from 'react-router'; /** * Internal dependencies @@ -19,6 +19,7 @@ const EMPTY_ARRAY: Integration[] = []; const Integrations = () => { const navigate = useNavigate(); + const [ isOpen, setIsOpen ] = useState( false ); const { integrations } = useSelect( ( select: SelectIntegrations ) => { const store = select( INTEGRATIONS_STORE ); return { @@ -27,13 +28,18 @@ const Integrations = () => { }, [] ) as { integrations: Integration[] }; const { refreshIntegrations } = useDispatch( INTEGRATIONS_STORE ) as IntegrationsDispatch; + useEffect( () => { + setIsOpen( true ); + }, [] ); + const handleClose = useCallback( () => { + setIsOpen( false ); navigate( '/responses' ); }, [ navigate ] ); return (