From 1cf64f87ab1aeb694f612933d8b1178398c79441 Mon Sep 17 00:00:00 2001
From: DarkWolfSLV <39270450+DarkWolfSLV@users.noreply.github.com>
Date: Wed, 22 Jan 2025 11:08:24 -0600
Subject: [PATCH] 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>
---
 .../mobile/transactions/TransactionListItem.tsx | 17 ++++++++++++++++-
 upcoming-release-notes/4159.md                  |  6 ++++++
 2 files changed, 22 insertions(+), 1 deletion(-)
 create mode 100644 upcoming-release-notes/4159.md

diff --git a/packages/desktop-client/src/components/mobile/transactions/TransactionListItem.tsx b/packages/desktop-client/src/components/mobile/transactions/TransactionListItem.tsx
index 2277c14897..f039490a7d 100644
--- 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
new file mode 100644
index 0000000000..d56f661eae
--- /dev/null
+++ b/upcoming-release-notes/4159.md
@@ -0,0 +1,6 @@
+---
+category: Enhancements
+authors: [DarkWolfSLV]
+---
+
+Display transaction notes on mobile, fixes #1764