From 8c1337941634a2bb2ff511d4e4194fed35897f40 Mon Sep 17 00:00:00 2001 From: Alice Di Rico <83651704+Ladirico@users.noreply.github.com> Date: Wed, 31 Jan 2024 15:29:43 +0100 Subject: [PATCH] chore: [IOPID-1395] Update FeatureInfo font size (#5445) ## Short description I've update the version of [io-app-design-system library](https://github.com/pagopa/io-app-design-system/pull/177) with the font adaptation, i've change some text and i've change the rules to show/not show the icon into the opt-in screen and change some texts

| iPhone 13 mini | iPhone 13 | | - | - | |

## How to test Run the application and pay attention to opt-in and error 1002 screens, as you can see from the screen recording. --------- Co-authored-by: Fabio Bombardi <16268789+shadowsheep1@users.noreply.github.com> --- locales/en/index.yml | 6 +++--- locales/it/index.yml | 6 +++--- package.json | 2 +- ts/screens/authentication/NewOptInScreen.tsx | 8 +++++++- ts/screens/onboarding/UnlockAccessScreen.tsx | 5 ++--- yarn.lock | 8 ++++---- 6 files changed, 20 insertions(+), 15 deletions(-) diff --git a/locales/en/index.yml b/locales/en/index.yml index f53eb1064e6..396efbffb21 100644 --- a/locales/en/index.yml +++ b/locales/en/index.yml @@ -681,12 +681,12 @@ authentication: contextualHelpContent: Here you can find information on how to authenticate on IO and some security tips. news: News title: It is now easier to access! - identity_check: You’ll no longer have to authenticate with SPID or CIE every 30 days, but only once a year or if you log out. + identity_check: You’ll no longer have to identify yourself with SPID or CIE every 30 days, but only once a year or if you log out. security_suggests: Safety tips passcode: Any other time, you’ll just need your fingerprint, face recognition or unlock code. - notification: Whenever there is a new authentication to IO, we'll send you an email to let you know. If it’s not you, you can remotely lock access to the app. + notification: Whenever there is a new authentication to IO, we'll send you an email to let you know. If it’s not you, you can remotely lock access to the app button_accept_lv: Continue with quick access - button_decline_lv: Authenticate with SPID or CIE every 30 days + button_decline_lv: Log in with SPID or CIE every 30 days security_suggestions: fingerprint: Do not share your unlock code or biometric recognition with anyone. io_logout: If you lose your device, log out from the web. diff --git a/locales/it/index.yml b/locales/it/index.yml index fdcc44df3e6..ea2e411035a 100644 --- a/locales/it/index.yml +++ b/locales/it/index.yml @@ -681,12 +681,12 @@ authentication: contextualHelpContent: Qui puoi trovare le informazioni sulle modalità di autenticazione su IO e alcuni consigli di sicurezza. news: novità title: Ora è più facile accedere! - identity_check: Non dovrai più autenticarti con SPID o CIE ogni 30 giorni, ma solo una volta all’anno o se esci dall’app + identity_check: Non dovrai più identificarti con SPID o CIE ogni 30 giorni, ma solo una volta all’anno o se esci dall’app security_suggests: Alcuni consigli di sicurezza passcode: Per tutte le altre volte basterà il tuo volto, impronta o codice di sblocco - notification: Riceverai un’email a ogni nuovo accesso. Se non lo riconosci, potrai bloccare l’accesso a IO. + notification: Riceverai un’email a ogni nuovo accesso. Se non lo riconosci, potrai bloccare l’accesso a IO button_accept_lv: Continua con l’accesso rapido - button_decline_lv: Autenticati con SPID o CIE ogni 30 giorni + button_decline_lv: Entra con SPID o CIE ogni 30 giorni security_suggestions: fingerprint: Non condividere il tuo codice di sblocco o riconoscimento biometrico con nessuno io_logout: Se perdi il dispositivo, esci dall’app da web diff --git a/package.json b/package.json index 3b2aa48ce5e..ebda8693337 100644 --- a/package.json +++ b/package.json @@ -114,7 +114,7 @@ "dependencies": { "@babel/plugin-transform-regenerator": "^7.18.6", "@gorhom/bottom-sheet": "^4.1.5", - "@pagopa/io-app-design-system": "1.20.0", + "@pagopa/io-app-design-system": "1.20.1", "@pagopa/io-pagopa-commons": "^3.1.0", "@pagopa/io-react-native-crypto": "^0.2.1", "@pagopa/io-react-native-login-utils": "^0.2.2", diff --git a/ts/screens/authentication/NewOptInScreen.tsx b/ts/screens/authentication/NewOptInScreen.tsx index 83fc492484e..5c088079a8f 100644 --- a/ts/screens/authentication/NewOptInScreen.tsx +++ b/ts/screens/authentication/NewOptInScreen.tsx @@ -35,6 +35,8 @@ const contextualHelpMarkdown: ContextualHelpPropsMarkdown = { body: "authentication.opt_in.contextualHelpContent" }; +export const MIN_HEIGHT_TO_SHOW_FULL_RENDER = 820; + export type ChosenIdentifier = { identifier: "SPID" | "CIE"; }; @@ -98,7 +100,11 @@ const NewOptInScreen = (props: Props) => { }} > - {Dimensions.get("screen").height > 780 && ( + {/* + if the device height is > 820 then the pictogram will be visible, + otherwise it will not be visible + */} + {Dimensions.get("screen").height > MIN_HEIGHT_TO_SHOW_FULL_RENDER && ( diff --git a/ts/screens/onboarding/UnlockAccessScreen.tsx b/ts/screens/onboarding/UnlockAccessScreen.tsx index 5da1599e745..6be74c5b78a 100644 --- a/ts/screens/onboarding/UnlockAccessScreen.tsx +++ b/ts/screens/onboarding/UnlockAccessScreen.tsx @@ -9,7 +9,6 @@ import { H6, IOColors, IOStyles, - LabelSmall, Pictogram, VSpacer } from "@pagopa/io-app-design-system"; @@ -56,7 +55,7 @@ const UnlockAccessScreen = (props: Props) => { + {I18n.t("authentication.unlockmodal.listitem3_1")}{" "} {I18n.t("authentication.unlockmodal.listitem3_2")}{" "} @@ -66,7 +65,7 @@ const UnlockAccessScreen = (props: Props) => { {I18n.t("authentication.unlockmodal.listitem3_4")}{" "} {I18n.t("authentication.unlockmodal.listitem3_5")} - + } /> diff --git a/yarn.lock b/yarn.lock index 4bbe42459b7..3a737a2cc91 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3051,10 +3051,10 @@ dependencies: "@types/node" ">= 8" -"@pagopa/io-app-design-system@1.20.0": - version "1.20.0" - resolved "https://registry.yarnpkg.com/@pagopa/io-app-design-system/-/io-app-design-system-1.20.0.tgz#d72025055360f7e8640c7a4c540835274108b626" - integrity sha512-sXe43yVbCpNrSivHgNiGis6qB4PGmP9z3ecY8A+s6jM9HowaAzgWdHb66FQwNqrxbGoJr/KbtFiSiNC3AwHAZA== +"@pagopa/io-app-design-system@1.20.1": + version "1.20.1" + resolved "https://registry.yarnpkg.com/@pagopa/io-app-design-system/-/io-app-design-system-1.20.1.tgz#e439ad96e5dc73eeece2172f5141abfbcb30558e" + integrity sha512-ClSiEj5BrJpTMfR95wrhLz9FkFmitbZivPdEj2VRgi3Xusoclv8lb2RBUQetpPsVTK0cEV4uWPlthSJG/iNbiA== dependencies: "@pagopa/ts-commons" "^12.0.0" "@testing-library/jest-native" "^5.4.2"