Fix note overlapping and limit display to 100 chars

ZeusLN · Sep 3, 2024 · 4739416 · 4739416
1 parent b1316e6
commit 4739416
Showing 1 changed file with 16 additions and 3 deletions.
diff --git a/views/Activity/Activity.tsx b/views/Activity/Activity.tsx
@@ -603,8 +603,13 @@ export default class Activity extends React.PureComponent<
                                                                 'text'
                                                             ),
                                                             fontFamily:
-                                                                'Lato-Regular'
+                                                                'Lato-Regular',
+                                                            flexShrink: 0,
+                                                            flex: 0,
+                                                            width: 'auto',
+                                                            overflow: 'hidden'
                                                         }}
+                                                        numberOfLines={1}
                                                     >
                                                         {localeString(
                                                             'general.note'
@@ -618,10 +623,18 @@ export default class Activity extends React.PureComponent<
                                                                 'secondaryText'
                                                             ),
                                                             fontFamily:
-                                                                'Lato-Regular'
+                                                                'Lato-Regular',
+                                                            flexWrap: 'wrap',
+                                                            flexShrink: 1
                                                         }}
+                                                        ellipsizeMode="tail"
                                                     >
-                                                        {note}
+                                                        {note.length > 150
+                                                            ? `${note.substring(
+                                                                  0,
+                                                                  150
+                                                              )}...`
+                                                            : note}
                                                     </ListItem.Subtitle>
                                                 </View>
                                             )}