diff --git a/src/pages/dashboardUsers/UsersPage/UsersPage.tsx b/src/pages/dashboardUsers/UsersPage/UsersPage.tsx index 73a76029..9ac3d541 100644 --- a/src/pages/dashboardUsers/UsersPage/UsersPage.tsx +++ b/src/pages/dashboardUsers/UsersPage/UsersPage.tsx @@ -7,9 +7,10 @@ import { useUnloadEventOnExit } from '@pagopa/selfcare-common-frontend/lib/hooks 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, useMemo, useState } from 'react'; +import { useEffect, useMemo, useState, useRef } from 'react'; import { useTranslation } from 'react-i18next'; import { useHistory } from 'react-router-dom'; +import { useFocus } from '@pagopa/selfcare-common-frontend/lib/hooks/useFocus'; import { useIsMobile } from '../../../hooks/useIsMobile'; import { Party } from '../../../model/Party'; import { Product, ProductsMap } from '../../../model/Product'; @@ -75,6 +76,10 @@ function UsersPage({ party, activeProducts, productsMap, productsRolesMap }: Rea const [productsFetchStatus, setProductsFetchStatus] = useState>(initProductFetchStatus); + const buttonRef = useRef(null); + + useFocus(buttonRef, []); + useEffect(() => { setFilters(emptyFilters); // setSearchByName(''); @@ -168,6 +173,8 @@ function UsersPage({ party, activeProducts, productsMap, productsRolesMap }: Rea variant="contained" sx={{ height: '48px', width: '163px' }} onClick={() => onExit(() => history.push(addUserUrl))} + ref={buttonRef} + tabIndex={0} disabled={!canAddUser} > {t('usersTable.addButton')}