chore(IT Wallet): [SIW-580] Update loading screen typography (#5144)

## Short description This PR updates the typography in the `ItwLoadingSpinnerOverlay.tsx` according to the FIGMA. | Before | After | |--------|--------| | <img src="https://github.com/pagopa/io-app/assets/12371664/8f1df6c5-d285-44be-8b5a-d05f08fcc1f9" height="400"> | <img src="https://github.com/pagopa/io-app/assets/12371664/815680ef-47bb-4890-be7a-cabd23398aa6" height="400"> | ## List of changes proposed in this pull request - Replaces `H2` with `H3`; - Replaces `H4` with `body`. ## How to test Check if the new style is properly applied in loading screens of any ITW related flow. Co-authored-by: Mario Perrotta <mario.perrotta@pagopa.it>
pagopa · Oct 20, 2023 · 6763ee0 · 6763ee0
1 parent 2643804
commit 6763ee0
Showing 1 changed file with 6 additions and 7 deletions.
diff --git a/ts/features/it-wallet/components/ItwLoadingSpinnerOverlay.tsx b/ts/features/it-wallet/components/ItwLoadingSpinnerOverlay.tsx
@@ -1,8 +1,8 @@
 import * as React from "react";
 import { StyleSheet, View } from "react-native";
 import {
-  H2,
-  H4,
+  Body,
+  H3,
   IOColors,
   LoadingSpinner,
   VSpacer,
@@ -64,20 +64,19 @@ const ItwLoadingSpinnerOverlay: React.FunctionComponent<Props> = (
             )}
 
             <VSpacer size={48} />
-            <H2
+            <H3
               style={styles.textAlignCenter}
               testID="LoadingSpinnerCaptionTitleID"
             >
               {captionTitle}
-            </H2>
+            </H3>
             <VSpacer />
-            <H4
-              weight="Regular"
+            <Body
               style={styles.textAlignCenter}
               testID="LoadingSpinnerCaptionSubTitleID"
             >
               {captionSubtitle}
-            </H4>
+            </Body>
           </View>
         )
       }