chore: [IOCOM-1600] Bigger fonts on message list items (#5998)

## Short description Font size to 16 (instead of 14) on message list items ![Simulator Screenshot - iPhone 15 - 2024-07-19 at 11 42 01](https://github.com/user-attachments/assets/b0e417f3-9d79-445c-b8c9-6ff8b931327d) ## List of changes proposed in this pull request - Organisation Name uses an H6 - Service Name and Message Title uses a Label ## How to test Using the io-dev-api-server, generate some messages and check the messages home. Co-authored-by: Damiano Plebani <[email protected]> Co-authored-by: Martino Cesari Tomba <[email protected]>
pagopa · Jul 22, 2024 · 5a809df · 5a809df
1 parent b02f187
commit 5a809df
Show file tree

Hide file tree

Showing 4 changed files with 165 additions and 180 deletions.
diff --git a/package.json b/package.json
@@ -103,7 +103,7 @@
   "dependencies": {
     "@babel/plugin-transform-regenerator": "^7.18.6",
     "@gorhom/bottom-sheet": "^4.1.5",
-    "@pagopa/io-app-design-system": "1.40.0",
+    "@pagopa/io-app-design-system": "1.40.1",
     "@pagopa/io-pagopa-commons": "^3.1.0",
     "@pagopa/io-react-native-crypto": "^0.3.0",
     "@pagopa/io-react-native-http-client": "1.0.5",

diff --git a/ts/features/messages/components/Home/DS/MessageListItem.tsx b/ts/features/messages/components/Home/DS/MessageListItem.tsx
@@ -6,12 +6,13 @@ import {
   Avatar,
   Body,
   Caption,
+  H6,
   HSpacer,
   IOColors,
   IOStyles,
   IOVisualCostants,
+  Label,
   LabelSmall,
-  LabelSmallAlt,
   Tag,
   WithTestID
 } from "@pagopa/io-app-design-system";
@@ -127,9 +128,9 @@ export const MessageListItem = ({
       </View>
       <View style={styles.textContainer}>
         <View style={styles.organizationContainer}>
-          <LabelSmallAlt numberOfLines={1} color="black" style={IOStyles.flex}>
+          <H6 numberOfLines={1} color="black" style={IOStyles.flex}>
             {organizationName}
-          </LabelSmallAlt>
+          </H6>
           <LabelSmall
             fontSize="regular"
             color="grey-700"
@@ -141,15 +142,15 @@ export const MessageListItem = ({
         </View>
         <View style={styles.serviceNameAndMessageTitleContainer}>
           <Body numberOfLines={2} style={IOStyles.flex}>
-            <LabelSmall fontSize="regular" color="grey-700" weight="Semibold">
+            <Label fontSize="regular" weight="Semibold">
               {serviceName}
-            </LabelSmall>
+            </Label>
             <Caption weight="Regular" color="grey-700">
               {" • "}
             </Caption>
-            <LabelSmall fontSize="regular" weight="Regular" color="grey-700">
+            <Label fontSize="regular" weight="Regular">
               {messageTitle}
-            </LabelSmall>
+            </Label>
           </Body>
           {!isRead && (
             <View style={styles.messageReadContainer}>