From 7a3deb4006fec457c4b4fb6920d83c48e9f76f71 Mon Sep 17 00:00:00 2001
From: Alok Menghrajani <441307+alokmenghrajani@users.noreply.github.com>
Date: Mon, 20 Nov 2023 18:17:46 +0100
Subject: [PATCH] Show account name on the dashboard's recent transactions

If a transaction description is brief, it is useful to provide context by showing
the account name.

Note: this commit isn't ideal since it doesn't show all the accounts involved for
a given transaction. This might however be good enough for now.
---
 src/app/dashboard/dashboard.html |  3 ++-
 src/app/dashboard/dashboard.scss | 13 +++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/app/dashboard/dashboard.html b/src/app/dashboard/dashboard.html
index 5c92a3e..65ed60c 100644
--- a/src/app/dashboard/dashboard.html
+++ b/src/app/dashboard/dashboard.html
@@ -59,7 +59,8 @@
           {{recentTx.tx.date | datetz:"M/D":org.timezone}}
         </div>
         <div class="col-5 col-md-6 description">
-          {{recentTx.tx.description}}
+          <div class="primary">{{recentTx.tx.description}}</div>
+          <div class="additional">{{recentTx.account.fullName}}</div>
         </div>
         <div class="col-4 col-md-4 amount" [ngClass]="{'negative': recentTx.split.amount > 0}">
           {{-recentTx.split.amount | currencyFormat:recentTx.account.precision:recentTx.account.currency}}
diff --git a/src/app/dashboard/dashboard.scss b/src/app/dashboard/dashboard.scss
index 98fbe87..852e280 100644
--- a/src/app/dashboard/dashboard.scss
+++ b/src/app/dashboard/dashboard.scss
@@ -41,6 +41,19 @@
   .expanded .hidden {
     display: flex
   }
+  .row {
+    padding-bottom: 1em;
+    .description {
+      .primary:empty::after {
+        content: ".";
+        visibility: hidden;
+      }
+      .additional {
+        font-size: small;
+        color: $black;
+      }
+    }
+  }
 }
 
 @media (max-width: 767px) {