chore(Bonus Pagamenti Digitali): [#177015049] Update copy for add cob…

…adge screen disclaimer (#2839) * [#177015049] update locales * [#177015049] update addcobadgecomponent
pagopa · Feb 22, 2021 · 7589793 · 7589793
1 parent 43c2605
commit 7589793
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 7 deletions.
diff --git a/locales/en/index.yml b/locales/en/index.yml
@@ -882,7 +882,8 @@ wallet:
         screenTitle: "Do you want to add this card?"
         label: "International circuit card {{current}} of {{length}}"
         blocked: "This card is blocked and can't be activated for Cashback. Please, contact the card issuer."
-        warning: "In some cases, the displayed data might be different from the data printed on the physical card."
+        warning1: "In some cases, the displayed data might be different from the data printed on the physical card: "
+        warning2: "if in doubt, contact your bank."
         loading: "We are adding your international circuit card\n\nPlease hold on..."
       chooseType:
         title: "Does your card allow you to shop online?"

diff --git a/locales/it/index.yml b/locales/it/index.yml
@@ -902,7 +902,8 @@ wallet:
         screenTitle: "Vuoi aggiungere questa carta?"
         label: "Carta con circuito internazionale {{current}} di {{length}}"
         blocked: "Questa carta risulta bloccata e pertanto non può essere attivata ai fini del Cashback. Contatta la tua banca."
-        warning: "In alcuni casi, i dati mostrati potrebbero essere diversi da quelli riportati sulla carta fisica."
+        warning1: "In alcuni casi, i dati mostrati potrebbero essere diversi da quelli riportati sulla carta fisica: "
+        warning2: "se hai dubbi contatta la tua banca."
         loading: "Stiamo aggiungendo la tua carta con circuito internazionale\n\nAttendi qualche secondo..."
       chooseType:
         title: "La tua carta ti permette di acquistare online?"

diff --git a/ts/features/wallet/onboarding/cobadge/screens/add-account/AddCobadgeComponent.tsx b/ts/features/wallet/onboarding/cobadge/screens/add-account/AddCobadgeComponent.tsx
@@ -9,6 +9,7 @@ import { InfoBox } from "../../../../../../components/box/InfoBox";
 import { Body } from "../../../../../../components/core/typography/Body";
 import { H1 } from "../../../../../../components/core/typography/H1";
 import { H4 } from "../../../../../../components/core/typography/H4";
+import { Label } from "../../../../../../components/core/typography/Label";
 import { IOStyles } from "../../../../../../components/core/variables/IOStyles";
 import BaseScreenComponent from "../../../../../../components/screens/BaseScreenComponent";
 import FooterWithButtons from "../../../../../../components/ui/FooterWithButtons";
@@ -50,14 +51,20 @@ const loadLocales = (props: Props) => ({
     length: props.pansNumber
   }),
   blockedCard: I18n.t("wallet.onboarding.coBadge.add.blocked"),
-  warning: I18n.t("wallet.onboarding.coBadge.add.warning")
+  warning1: I18n.t("wallet.onboarding.coBadge.add.warning1"),
+  warning2: I18n.t("wallet.onboarding.coBadge.add.warning2")
 });
 
 const AddCobadgeComponent: React.FunctionComponent<Props> = (props: Props) => {
   const [abiInfo, setAbiInfo] = React.useState<Abi>({});
-  const { headerTitle, screenTitle, label, blockedCard, warning } = loadLocales(
-    props
-  );
+  const {
+    headerTitle,
+    screenTitle,
+    label,
+    blockedCard,
+    warning1,
+    warning2
+  } = loadLocales(props);
   React.useEffect(() => {
     const abi: Abi | undefined = props.abiList.find(
       elem => elem.abi === props.pan.abiCode
@@ -95,7 +102,8 @@ const AddCobadgeComponent: React.FunctionComponent<Props> = (props: Props) => {
               </InfoBox>
             ) : (
               <InfoBox>
-                <Body>{warning}</Body>
+                <Body>{warning1}</Body>
+                <Label color={"bluegrey"}>{warning2}</Label>
               </InfoBox>
             )}
           </View>