fix: hide mobile nav after selecting Vault Info

Author: linkielink

src/components/account/AccountList/AccountStats.tsx

@@ -88,6 +88,7 @@ export default function AccountStats(props: Props) {
   const navigateToVaultDetails = useCallback(() => {
     if (!account) return
     setShowMenu?.(false)
+    useStore.setState({ mobileNavExpanded: false })
     const vaultAddress =
       typeof account.kind === 'object' && 'fund_manager' in account.kind
         ? account.kind.fund_manager.vault_addr

src/components/account/AccountList/index.tsx

@@ -77,7 +77,10 @@ export default function AccountList(props: Props) {
               contentClassName='bg-surface group-hover/account:bg-surface'
               onClick={() => {
                 if (isActive) return
-                if (isMobile) setShowMenu(false)
+                if (isMobile) {
+                  setShowMenu(false)
+                  useStore.setState({ mobileNavExpanded: false })
+                }
                 useStore.setState({ accountDeleteModal: null })
 
                 navigate(

src/components/portfolio/Card/index.tsx

@@ -4,6 +4,7 @@ import { NavLink, useParams, useSearchParams } from 'react-router-dom'
 
 import { FormattedNumber } from 'components/common/FormattedNumber'
 import Loading from 'components/common/Loading'
+import VaultDetails from 'components/managedVaults/vaultDetails'
 import Skeleton from 'components/portfolio/Card/Skeleton'
 import { getDefaultChainSettings } from 'constants/defaultSettings'
 import { LocalStorageKeys } from 'constants/localStorageKeys'
@@ -17,7 +18,6 @@ import useLocalStorage from 'hooks/localStorage/useLocalStorage'
 import useStore from 'store'
 import { checkAccountKind } from 'utils/accounts'
 import { getRoute } from 'utils/route'
-import VaultDetails from 'components/managedVaults/vaultDetails'
 
 interface Props {
   accountId: string
@@ -82,6 +82,7 @@ export default function PortfolioCard(props: Props) {
     if (isVault && vaultAddress) {
       e.preventDefault()
       useStore.setState({
+        mobileNavExpanded: false,
         focusComponent: {
           component: <VaultDetails vaultAddress={vaultAddress} />,
           onClose: () => {