VRT

packages/desktop-client/src/components/mobile/transactions/Transaction.jsx

@@ -118,14 +118,19 @@ export const Transaction = memo(function Transaction({
         }}
       >
         <View style={{ flex: 1 }}>
-          <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+          <View
+            style={{
+              flexDirection: 'row',
+              alignItems: 'center',
+              color: textStyle.color || theme.tableText,
+            }}
+          >
             {schedule && (
               <SvgArrowsSynchronize
                 style={{
                   width: 12,
                   height: 12,
                   marginRight: 5,
-                  color: textStyle.color || theme.menuItemText,
                 }}
               />
             )}
@@ -135,13 +140,18 @@ export const Transaction = memo(function Transaction({
                 ...textStyle,
                 fontSize: 14,
                 fontWeight: added ? '600' : '400',
-                ...(prettyDescription === '' && {
-                  color: theme.tableTextLight,
-                  fontStyle: 'italic',
-                }),
+                ...(!isPreview &&
+                  prettyDescription === '' && {
+                    color: theme.tableTextSubdued,
+                  }),
+                ...(!isPreview &&
+                  (prettyDescription === '' ||
+                    prettyDescription === 'Split') && {
+                    fontStyle: 'italic',
+                  }),
               }}
             >
-              {prettyDescription || 'Empty'}
+              {prettyDescription || 'No payee'}
             </TextOneLine>
           </View>
           {isPreview ? (
@@ -170,7 +180,7 @@ export const Transaction = memo(function Transaction({
                     height: 11,
                     color: cleared
                       ? theme.noticeTextLight
-                      : theme.pageTextSubdued,
+                      : theme.tableTextSubdued,
                     marginRight: 5,
                   }}
                 />

packages/desktop-client/src/components/mobile/transactions/TransactionEdit.jsx

@@ -69,9 +69,11 @@ function getFieldName(transactionId, field) {
 }
 
 export function getDescriptionPretty(transaction, payee, transferAcct) {
-  const { amount } = transaction;
+  const { amount, is_parent: isParent } = transaction;
 
-  if (transferAcct) {
+  if (isParent) {
+    return 'Split';
+  } else if (transferAcct) {
     return `Transfer ${amount > 0 ? 'from' : 'to'} ${transferAcct.name}`;
   } else if (payee) {
     return payee.name;

upcoming-release-notes/2989.md

@@ -0,0 +1,6 @@
+---
+category: Enhancements
+authors: [joel-jeremy]
+---
+
+Display Split payee on mobile transactions list