diff --git a/projects/packages/forms/changelog/add-form-integrations-mobile-menu b/projects/packages/forms/changelog/add-form-integrations-mobile-menu new file mode 100644 index 0000000000000..eb64c7eaee402 --- /dev/null +++ b/projects/packages/forms/changelog/add-form-integrations-mobile-menu @@ -0,0 +1,4 @@ +Significance: minor +Type: added + +Forms: add integrations to dashboard mobile menu. diff --git a/projects/packages/forms/src/dashboard/components/actions-dropdown-menu/index.tsx b/projects/packages/forms/src/dashboard/components/actions-dropdown-menu/index.tsx index abb6a41938294..2bbc5e6e27170 100644 --- a/projects/packages/forms/src/dashboard/components/actions-dropdown-menu/index.tsx +++ b/projects/packages/forms/src/dashboard/components/actions-dropdown-menu/index.tsx @@ -5,7 +5,8 @@ import jetpackAnalytics from '@automattic/jetpack-analytics'; import { DropdownMenu } from '@wordpress/components'; import { useCallback } from '@wordpress/element'; import { __ } from '@wordpress/i18n'; -import { menu, plus, download } from '@wordpress/icons'; +import { menu, plus, download, plugins } from '@wordpress/icons'; +import { useNavigate } from 'react-router'; /** * Internal dependencies */ @@ -21,6 +22,7 @@ const ActionsDropdownMenu = ( { exportData }: ActionsDropdownMenuProps ) => { const { openNewForm } = useCreateForm(); const { showExportModal, openModal, closeModal, onExport, autoConnectGdrive, exportLabel } = useExportResponses(); + const navigate = useNavigate(); const analyticsEvent = useCallback( () => { jetpackAnalytics.tracks.recordEvent( 'jetpack_wpa_forms_landing_page_cta_click', { @@ -34,7 +36,19 @@ const ActionsDropdownMenu = ( { exportData }: ActionsDropdownMenuProps ) => { } ); }, [ openNewForm, analyticsEvent ] ); + const onIntegrationsClick = useCallback( () => { + jetpackAnalytics.tracks.recordEvent( 'jetpack_forms_integrations_button_click', { + origin: 'dashboard', + } ); + navigate( '/integrations' ); + }, [ navigate ] ); + const controls = [ + { + icon: plugins, + onClick: onIntegrationsClick, + title: __( 'Integrations', 'jetpack-forms' ), + }, ...( exportData.show ? [ { diff --git a/projects/plugins/jetpack/changelog/add-form-integrations-mobile-menu b/projects/plugins/jetpack/changelog/add-form-integrations-mobile-menu new file mode 100644 index 0000000000000..dcbbd408b5bab --- /dev/null +++ b/projects/plugins/jetpack/changelog/add-form-integrations-mobile-menu @@ -0,0 +1,4 @@ +Significance: minor +Type: enhancement + +orms: add integrations to dashboard mobile menu.