diff --git a/src/components/TOS/TOSWall.tsx b/src/components/TOS/TOSWall.tsx index 6cc80a308..e5482cfaf 100644 --- a/src/components/TOS/TOSWall.tsx +++ b/src/components/TOS/TOSWall.tsx @@ -1,40 +1,37 @@ -import {Trans, useTranslation} from 'react-i18next'; -import {Box, Typography, Link} from '@mui/material'; -import {TOSAgreement} from '@pagopa/mui-italia'; -import {Link as RouterLink} from 'react-router-dom'; +import { Trans, useTranslation } from 'react-i18next'; +import { Box, Link } from '@mui/material'; +import { TOSAgreement } from '@pagopa/mui-italia'; +import { Link as RouterLink } from 'react-router-dom'; interface TOSWallProps { - acceptTOS: () => void; - detailRoute: string; + acceptTOS: () => void; + detailRoute: string; } -const TOSWall = ({acceptTOS, detailRoute}: TOSWallProps) => { - const {t} = useTranslation(); - return ( - - acceptTOS()} +const TOSWall = ({ acceptTOS, detailRoute }: TOSWallProps) => { + const { t } = useTranslation(); + return ( + + + {t('tos.termsDescription')} + - - - Entrando dichiari di aver letto e accettato l’Informativa Privacy e i Termini e - condizioni d’uso di PagoPA - - Accedi - - - - - - ); + Accedi + + + } + onConfirm={() => acceptTOS()} + > + + ); }; export default TOSWall; diff --git a/src/locale/it.json b/src/locale/it.json index 5214c632f..85fe9b55d 100644 --- a/src/locale/it.json +++ b/src/locale/it.json @@ -1490,9 +1490,8 @@ "backButton": "Esci" }, "tos": { - "title": "pagoPA", - "description": "Prima di entrare, leggi e accetta l’Informativa Privacy e i Termini e condizioni d’uso. Potrai consultarli di nuovo quando vuoi: li trovi sempre in fondo alla pagina.", - "termsDescription": "Entrando dichiari di aver letto e accettato l’<1>Informativa Privacy e i <1>Termini e condizioni d’uso di PagoPA" + "title": "Pagamenti pagoPA", + "termsDescription": "Accedendo, accetti i <1>Termini e condizioni d’uso del servizio e confermi di avere letto l’<1>Informativa Privacy. " }, "general": { "noDataLabel": "Nessun risultato",