From 4cbe3fe0f9adfbdfeb19911bb3da3ad9b171aa8e Mon Sep 17 00:00:00 2001
From: qowevisa <qowevisa@gmail.com>
Date: Sat, 23 Nov 2024 18:58:19 +0200
Subject: [PATCH] Add showing last digits for expense income payment and
 transfer pages

---
 src/routes/expense/+page.svelte  |  3 +++
 src/routes/income/+page.svelte   |  3 +++
 src/routes/payment/+page.svelte  | 12 +++++-------
 src/routes/transfer/+page.svelte |  6 ++++++
 4 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/routes/expense/+page.svelte b/src/routes/expense/+page.svelte
index 93079b7..cd46c56 100644
--- a/src/routes/expense/+page.svelte
+++ b/src/routes/expense/+page.svelte
@@ -259,6 +259,9 @@
           <div class="text-sm text-gray-600">
             <span class="font-bold">Card:</span>
             {getCardName(expense.card_id)}
+            <span class="text-sm"
+              >{`•${cards.find((card) => card.id == expense.card_id)?.last_digits}`}</span
+            >
             <span class="font-bold">Type:</span>
             <span style="color: {getTypeColor(expense.type_id)};"
               >{getTypeName(expense.type_id)}</span
diff --git a/src/routes/income/+page.svelte b/src/routes/income/+page.svelte
index e96c62e..0aee8dc 100644
--- a/src/routes/income/+page.svelte
+++ b/src/routes/income/+page.svelte
@@ -221,6 +221,9 @@
           <div class="text-sm text-gray-600">
             <span class="font-bold">Card:</span>
             {getCardName(income.card_id)}
+            <span class="text-sm"
+              >{`•${cards.find((card) => card.id == income.card_id)?.last_digits}`}</span
+            >
             <span class="font-bold">Date:</span>
             {income.date}
           </div>
diff --git a/src/routes/payment/+page.svelte b/src/routes/payment/+page.svelte
index 65a0323..8bdf7ca 100644
--- a/src/routes/payment/+page.svelte
+++ b/src/routes/payment/+page.svelte
@@ -132,11 +132,6 @@
     const type = types.find((type) => type.id === typeId);
     return type ? type.color : "#000";
   }
-  function getTypeName(typeId: number) {
-    if (typeId === 0) return "None";
-    const type = types.find((card) => card.id === typeId);
-    return type ? type.name : "Unknown";
-  }
 
   // let priceRefs: Map<number,  = new Map();
   function createHandler(item: ItemBought) {
@@ -470,9 +465,12 @@
           <p>{payment.descr}</p>
           <div class="text-sm text-gray-600">
             <span class="font-bold">Card:</span>
-            {payment.card_id}
+            {getCardName(payment.card_id || 0)}
+            <span class="text-sm"
+              >{`•${cards.find((card) => card.id == payment.card_id)?.last_digits}`}</span
+            >
             <span class="font-bold">Category:</span>
-            {payment.category_id}
+            {categories.find(cat => cat.id == payment.category_id)?.name}
             <span class="font-bold">Date:</span>
             {payment.date}
           </div>
diff --git a/src/routes/transfer/+page.svelte b/src/routes/transfer/+page.svelte
index 83a2ef3..2ba343e 100644
--- a/src/routes/transfer/+page.svelte
+++ b/src/routes/transfer/+page.svelte
@@ -222,8 +222,14 @@
           <div class="text-sm text-gray-600">
             <span class="font-bold">From:</span>
             {getCardName(transfer.from_card_id)}
+            <span class="text-sm"
+              >{`•${cards.find((card) => card.id == transfer.from_card_id)?.last_digits}`}</span
+            >
             <span class="font-bold">To:</span>
             {getCardName(transfer.to_card_id)}
+            <span class="text-sm"
+              >{`•${cards.find((card) => card.id == transfer.to_card_id)?.last_digits}`}</span
+            >
             <span class="font-bold">Date:</span>
             {transfer.date}
           </div>