diff --git a/projects/packages/forms/changelog/add-form-block-sidebar-icons b/projects/packages/forms/changelog/add-form-block-sidebar-icons new file mode 100644 index 0000000000000..27f6c3ca1ec87 --- /dev/null +++ b/projects/packages/forms/changelog/add-form-block-sidebar-icons @@ -0,0 +1,4 @@ +Significance: minor +Type: added + +Forms: Added integration status to block sidebar. diff --git a/projects/packages/forms/src/blocks/contact-form/components/jetpack-integration-controls.js b/projects/packages/forms/src/blocks/contact-form/components/jetpack-integration-controls.js index 5bc8c5da859bb..e6fed285de058 100644 --- a/projects/packages/forms/src/blocks/contact-form/components/jetpack-integration-controls.js +++ b/projects/packages/forms/src/blocks/contact-form/components/jetpack-integration-controls.js @@ -5,6 +5,7 @@ import { useState } from '@wordpress/element'; import { __ } from '@wordpress/i18n'; import { plugins } from '@wordpress/icons'; import IntegrationsModal from './jetpack-integrations-modal'; +import ActiveIntegrations from './jetpack-integrations-modal/active-integrations'; import { useIntegrationsStatus } from './jetpack-integrations-modal/hooks/useIntegrationsStatus'; /** @@ -17,7 +18,7 @@ import { useIntegrationsStatus } from './jetpack-integrations-modal/hooks/useInt */ export default function IntegrationControls( { attributes, setAttributes } ) { const [ isModalOpen, setIsModalOpen ] = useState( false ); - const { integrations, refreshIntegrations } = useIntegrationsStatus(); + const { integrations, refreshIntegrations, isLoading } = useIntegrationsStatus(); const { tracks } = useAnalytics(); const handleOpenModal = entry_point => { @@ -28,10 +29,15 @@ export default function IntegrationControls( { attributes, setAttributes } ) { return ( <> +