chore: [IOPID-1395] Update FeatureInfo font size (#5445)

## Short description I've update the version of [io-app-design-system library](pagopa/io-app-design-system#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 <p> | iPhone 13 mini | iPhone 13 | | - | - | | <video src="https://github.com/pagopa/io-app/assets/83651704/727ae749-63f5-41a8-8080-0c86ef5e833c" /> | <video src="https://github.com/pagopa/io-app/assets/83651704/f3e41573-ccb6-4f0b-9cf7-2e2fb3f1baa0" /> | </p> ## 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 <[email protected]>
pagopa · Jan 31, 2024 · 8c13379 · 8c13379
1 parent d196ef6
commit 8c13379
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 15 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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) => {
         }}
       >
         <ContentWrapper>
-          {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 && (
             <View style={IOStyles.selfCenter} testID="pictogram-test">
               <Pictogram name="passcode" size={120} />
             </View>

diff --git 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) => {
       <FeatureInfo
         iconName="locked"
         body={
-          <LabelSmall weight="Regular" color="grey-700">
+          <Body weight="Regular" color="grey-700">
             {I18n.t("authentication.unlockmodal.listitem3_1")}{" "}
             <Text style={{ fontStyle: "italic" }}>
               {I18n.t("authentication.unlockmodal.listitem3_2")}{" "}
@@ -66,7 +65,7 @@ const UnlockAccessScreen = (props: Props) => {
               {I18n.t("authentication.unlockmodal.listitem3_4")}{" "}
             </Text>
             {I18n.t("authentication.unlockmodal.listitem3_5")}
-          </LabelSmall>
+          </Body>
         }
       />
     </View>

diff --git a/yarn.lock b/yarn.lock
@@ -3051,10 +3051,10 @@
   dependencies:
     "@types/node" ">= 8"
 
-"@pagopa/[email protected].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/[email protected].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"