diff --git a/package.json b/package.json index 37f04a90..a4007c73 100644 --- a/package.json +++ b/package.json @@ -9,7 +9,7 @@ "@mui/x-data-grid": "^5.0.1", "@mui/x-data-grid-generator": "^5.0.1", "@pagopa/mui-italia": "^1.6.1", - "@pagopa/selfcare-common-frontend": "^1.34.60", + "@pagopa/selfcare-common-frontend": "^1.34.63", "@types/react": "^18.2.0", "@types/react-dom": "^18.2.0", "@types/react-router-dom": "^5.1.8", diff --git a/src/pages/dashboardUserDetail/userDetailPage/UserDetailPage.tsx b/src/pages/dashboardUserDetail/userDetailPage/UserDetailPage.tsx index 6d8e94c8..0a3d1e27 100644 --- a/src/pages/dashboardUserDetail/userDetailPage/UserDetailPage.tsx +++ b/src/pages/dashboardUserDetail/userDetailPage/UserDetailPage.tsx @@ -1,13 +1,14 @@ -import { Button, Grid, Stack, Typography } from '@mui/material'; +import {Button, Grid, Stack, Typography } from '@mui/material'; import { theme } from '@pagopa/mui-italia'; import { usePermissions } from '@pagopa/selfcare-common-frontend/lib'; import useErrorDispatcher from '@pagopa/selfcare-common-frontend/lib/hooks/useErrorDispatcher'; import useLoading from '@pagopa/selfcare-common-frontend/lib/hooks/useLoading'; import useUserNotify from '@pagopa/selfcare-common-frontend/lib/hooks/useUserNotify'; +import { useFocus } from '@pagopa/selfcare-common-frontend/lib/hooks/useFocus'; import { trackEvent } from '@pagopa/selfcare-common-frontend/lib/services/analyticsService'; import { Actions } from '@pagopa/selfcare-common-frontend/lib/utils/constants'; import { resolvePathVariables } from '@pagopa/selfcare-common-frontend/lib/utils/routes-utils'; -import { useEffect } from 'react'; +import { useEffect, useRef } from 'react'; import { Trans, useTranslation } from 'react-i18next'; import { useHistory } from 'react-router-dom'; import ProductNavigationBar from '../../../components/ProductNavigationBar'; @@ -48,6 +49,9 @@ function UserDetailPage({ const addNotify = useUserNotify(); const { getAllProductsWithPermission } = usePermissions(); const canEditUser = getAllProductsWithPermission(Actions.ManageProductUsers).length > 0; + const titleRef = useRef(null); + + useFocus(titleRef, partyUser); const isPnpg = !!activeProducts.find((p) => p.id === 'prod-pn-pg'); @@ -159,7 +163,19 @@ function UserDetailPage({ /> - +