fix(Bonus Pagamenti Digitali): [#175717721] Fixes cashback amount cut…

… on android (#2384) * [#175717721] Fixes cashback amount cut on android * [#175717721] comment the found solution Co-authored-by: fabriziofff <[email protected]>
pagopa · Nov 16, 2020 · 3f21c9c · 3f21c9c
1 parent 690afa6
commit 3f21c9c
Showing 1 changed file with 26 additions and 25 deletions.
diff --git a/ts/features/bonus/bpd/components/bpdCardComponent/BpdCardComponent.tsx b/ts/features/bonus/bpd/components/bpdCardComponent/BpdCardComponent.tsx
@@ -95,6 +95,11 @@ const styles = StyleSheet.create({
   amountTextBaseFull: {
     fontSize: 24,
     lineHeight: 35,
+    // solution taken from https://github.com/facebook/react-native/issues/7687#issuecomment-309168661
+    paddingTop: Platform.select({
+      ios: 0,
+      android: 10
+    }),
     marginBottom: -8
   },
   amountTextUpperFull: { fontSize: 32 },
@@ -257,34 +262,30 @@ export const BpdCardComponent: React.FunctionComponent<Props> = (
   const FullCard = () => (
     <View style={[styles.row, styles.spaced]}>
       <View style={[styles.column, styles.flex2, styles.spaced]}>
-        <View>
-          <H2 weight={"Bold"} color={"white"}>
-            {I18n.t("bonus.bpd.title")}
-          </H2>
-          <H4 color={"white"} weight={"Regular"}>
-            {format(props.period.startDate, "DD MMM YYYY")} -{" "}
-            {format(props.period.endDate, "DD MMM YYYY")}
-          </H4>
-        </View>
+        <H2 weight={"Bold"} color={"white"}>
+          {I18n.t("bonus.bpd.title")}
+        </H2>
+        <H4 color={"white"} weight={"Regular"}>
+          {format(props.period.startDate, "DD MMM YYYY")} -{" "}
+          {format(props.period.endDate, "DD MMM YYYY")}
+        </H4>
         <View spacer={true} large />
-        <View style={{ height: 32 }}>
-          <View style={[styles.row, { alignItems: "center" }]}>
-            <Text bold={true} white={true} style={styles.amountTextBaseFull}>
-              {"€ "}
-              <Text white={true} style={styles.amountTextUpperFull}>
-                {amount[0]},
-              </Text>
-              {amount[1]}
+        <View style={[styles.row, { alignItems: "center" }]}>
+          <Text bold={true} white={true} style={[styles.amountTextBaseFull]}>
+            {"€ "}
+            <Text white={true} style={styles.amountTextUpperFull}>
+              {amount[0]},
             </Text>
-            <View hspacer={true} small={true} />
-            {showLock && (
-              <IconFont name="io-lucchetto" size={22} color={IOColors.white} />
-            )}
-          </View>
-          <H5 color={"white"} weight={"Regular"}>
-            {I18n.t("bonus.bpd.earned")}
-          </H5>
+            {amount[1]}
+          </Text>
+          <View hspacer={true} small={true} />
+          {showLock && (
+            <IconFont name="io-lucchetto" size={22} color={IOColors.white} />
+          )}
         </View>
+        <H5 color={"white"} weight={"Regular"}>
+          {I18n.t("bonus.bpd.earned")}
+        </H5>
       </View>
       <View style={[styles.column, styles.flex1, styles.spaced]}>
         <Badge style={[statusBadge.style, styles.badgeBase]}>