Display transaction notes on mobile, fixes #1764 (#4159)

* Display transaction notes on mobile, fixes #1764

* Display transaction notes on mobile, fixes #1764

* Display transaction notes on mobile, fixes #1764

* Display transaction notes on mobile, fixes #1764

* Moving the notes to the bottom

* Moving the notes to the bottom - right file.

* Updating the code as requested

* Adding conditional rendering as suggested by Bugs Bunny

* Adding conditional rendering as suggested by Bugs Bunny and lint

---------

Co-authored-by: Matt Fiddaman <github@m.fiddaman.uk>

packages/desktop-client/src/components/mobile/transactions/TransactionListItem.tsx

@@ -89,6 +89,7 @@ export function TransactionListItem({
     reconciled: isReconciled,
     is_parent: isParent,
     is_child: isChild,
+    notes,
     schedule: scheduleId,
     forceUpcoming,
   } = transaction;
@@ -162,7 +163,7 @@ export function TransactionListItem({
                 padding: '0 4px',
               }}
             >
-              <View>
+              <View style={{ flex: 1 }}>
                 <View style={{ flexDirection: 'row', alignItems: 'center' }}>
                   {scheduleId && (
                     <SvgArrowsSynchronize
@@ -249,6 +250,20 @@ export function TransactionListItem({
                     </TextOneLine>
                   </View>
                 )}
+                {notes && (
+                  <TextOneLine
+                    style={{
+                      fontSize: 11,
+                      marginTop: 4,
+                      fontWeight: '400',
+                      color: theme.tableText,
+                      textAlign: 'left',
+                      opacity: 0.85,
+                    }}
+                  >
+                    {notes}
+                  </TextOneLine>
+                )}
               </View>
               <View style={{ justifyContent: 'center' }}>
                 <Text

upcoming-release-notes/4159.md

@@ -0,0 +1,6 @@
+---
+category: Enhancements
+authors: [DarkWolfSLV]
+---
+
+Display transaction notes on mobile, fixes #1764