trim long desriptions on home view

hsjoberg · Jul 10, 2024 · e9a4960 · e9a4960
1 parent b5feea1
commit e9a4960
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/src/components/TransactionCard.tsx b/src/components/TransactionCard.tsx
@@ -86,6 +86,18 @@ export default function TransactionCard({ onPress, transaction, unit }: IProps)
     }
   }
 
+  const getDescription = () => {
+    if (!description || !description.length) {
+      return "No description";
+    }
+
+    if (description.length > 50) {
+      return `${description.substring(0, 100)}...`;
+    }
+
+    return description;
+  };
+
   return (
     <Card>
       <CardItem activeOpacity={1} button={true} onPress={() => onPress(transaction.rHash)}>
@@ -158,7 +170,7 @@ export default function TransactionCard({ onPress, transaction, unit }: IProps)
                     {recipientOrSender}:{" "}
                   </Text>
                 )}
-                {description && description.length !== 0 ? description : "No description"}
+                {getDescription()}
               </Text>
               <Text note={true} style={transactionStyle.status}>
                 {statusLabel}