diff --git a/client/a8c-for-agencies/components/sidebar/header/profile-dropdown.tsx b/client/a8c-for-agencies/components/sidebar/header/profile-dropdown.tsx index 84f5abe141c30..44a5b8c100ca4 100644 --- a/client/a8c-for-agencies/components/sidebar/header/profile-dropdown.tsx +++ b/client/a8c-for-agencies/components/sidebar/header/profile-dropdown.tsx @@ -1,26 +1,32 @@ +import page from '@automattic/calypso-router'; import { Button, Gravatar } from '@automattic/components'; -import { Icon, chevronDown, external } from '@wordpress/icons'; +import { Icon, chevronDown } from '@wordpress/icons'; import classNames from 'classnames'; import { useTranslate } from 'i18n-calypso'; import { useCallback, useRef, useState } from 'react'; +import { CONTACT_URL_HASH_FRAGMENT } from 'calypso/a8c-for-agencies/sections/overview/sidebar/contact-support'; import useOutsideClickCallback from 'calypso/lib/use-outside-click-callback'; import { useDispatch, useSelector } from 'calypso/state'; import { recordTracksEvent } from 'calypso/state/analytics/actions/record'; import { redirectToLogout } from 'calypso/state/current-user/actions'; import { getCurrentUser } from 'calypso/state/current-user/selectors'; +import { A4A_OVERVIEW_LINK } from '../../sidebar-menu/lib/constants'; import './style.scss'; type DropdownMenuProps = { isExpanded: boolean; + setMenuExpanded: ( isExpanded: boolean ) => void; }; -const DropdownMenu = ( { isExpanded }: DropdownMenuProps ) => { +const DropdownMenu = ( { isExpanded, setMenuExpanded }: DropdownMenuProps ) => { const dispatch = useDispatch(); const translate = useTranslate(); const onGetHelp = useCallback( () => { + page( A4A_OVERVIEW_LINK + CONTACT_URL_HASH_FRAGMENT ); + setMenuExpanded( false ); dispatch( recordTracksEvent( 'calypso_a4a_sidebar_gethelp' ) ); - }, [ dispatch ] ); + }, [ dispatch, setMenuExpanded ] ); const onSignOut = useCallback( () => { dispatch( recordTracksEvent( 'calypso_a4a_sidebar_signout' ) ); dispatch( redirectToLogout() ); @@ -29,16 +35,8 @@ const DropdownMenu = ( { isExpanded }: DropdownMenuProps ) => { return (