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 <[email protected]>
actualbudget · Jan 22, 2025 · 1cf64f8 · 1cf64f8
1 parent 012cfd0
commit 1cf64f8
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 1 deletion.
diff --git a/packages/desktop-client/src/components/mobile/transactions/TransactionListItem.tsx b/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

diff --git a/upcoming-release-notes/4159.md b/upcoming-release-notes/4159.md
@@ -0,0 +1,6 @@
+---
+category: Enhancements
+authors: [DarkWolfSLV]
+---
+
+Display transaction notes on mobile, fixes #1764