diff --git a/ts/features/it-wallet/components/ItwCredentialCard.tsx b/ts/features/it-wallet/components/ItwCredentialCard.tsx index 413cdfd897a..cfc345d89df 100644 --- a/ts/features/it-wallet/components/ItwCredentialCard.tsx +++ b/ts/features/it-wallet/components/ItwCredentialCard.tsx @@ -6,7 +6,7 @@ import { StyleSheet, ImageSourcePropType } from "react-native"; -import { H3, H6, IOColors } from "@pagopa/io-app-design-system"; +import { Body, H6, IOColors, Label } from "@pagopa/io-app-design-system"; import customVariables from "../../../theme/variables"; /** @@ -16,7 +16,7 @@ type Props = { title: string; name: string; fiscalCode: string; - textColor: React.ComponentProps["color"]; + textColor: Extract; backgroundImage: ImageSourcePropType; }; @@ -39,7 +39,7 @@ const NAME_MARGIN_TOP = 380 * SCALE_FACTOR; const FISCAL_CODE_MARGIN_TOP = NAME_MARGIN_TOP + 55 * SCALE_FACTOR; -const TITLE_MARGIN_TOP = 40 * SCALE_FACTOR; +const TITLE_MARGIN_TOP = 50 * SCALE_FACTOR; const styles = StyleSheet.create({ cardBackground: { @@ -50,7 +50,8 @@ const styles = StyleSheet.create({ text: { position: "absolute", marginLeft: TEXT_LEFT_MARGIN, - color: IOColors.white + color: IOColors.white, + fontWeight: "700" }, fiscalCodeText: { marginTop: FISCAL_CODE_MARGIN_TOP, @@ -82,27 +83,29 @@ const ItwCredentialCard = ({ }: Props) => ( -

{title} -

-
+
-
+ {fiscalCode} -
+ ); diff --git a/ts/features/it-wallet/utils/mocks.ts b/ts/features/it-wallet/utils/mocks.ts index 948ca32b31f..112286b55da 100644 --- a/ts/features/it-wallet/utils/mocks.ts +++ b/ts/features/it-wallet/utils/mocks.ts @@ -1,9 +1,10 @@ import { PidData } from "@pagopa/io-react-native-cie-pid"; -import { H3, IOIcons } from "@pagopa/io-app-design-system"; +import { IOIcons } from "@pagopa/io-app-design-system"; import { ImageSourcePropType } from "react-native"; import { PidWithToken } from "@pagopa/io-react-native-wallet/lib/typescript/pid/sd-jwt"; import I18n from "../../../i18n"; import { BulletItem } from "../components/ItwBulletList"; +import ItwCredentialCard from "../components/ItwCredentialCard"; export const ISSUER_URL = "https://www.interno.gov.it/pid/"; @@ -57,7 +58,7 @@ export type CredentialCatalogItem = { taxIdCode: string; birthdate: string; }; - textColor: React.ComponentProps["color"]; + textColor: React.ComponentProps["textColor"]; image: ImageSourcePropType; requestedClaims: (decodedPid: PidWithToken) => ReadonlyArray; };