From 512e21276c5c402f0eaddb1e3d01d1c8fcd1865f Mon Sep 17 00:00:00 2001
From: Ricearoni1245 <jholt1008@gmail.com>
Date: Fri, 13 Mar 2026 19:26:16 -0500
Subject: [PATCH] added tracking notes

---
 .env                               |  6 +++---
 web/src/pages/TransactionsPage.tsx | 12 +++++++++---
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/.env b/.env
index 1cbf440..84fcc1a 100644
--- a/.env
+++ b/.env
@@ -31,9 +31,9 @@ EMAIL_FROM="SkyMoney Budget <no-reply@skymoneybudget.com>"
 EMAIL_BOUNCE_FROM=bounces@skymoneybudget.com
 EMAIL_REPLY_TO=support@skymoneybudget.com
 
-UPDATE_NOTICE_VERSION=9
-UPDATE_NOTICE_TITLE="Rebalance tool bug correction"
-UPDATE_NOTICE_BODY="Fixed bug issue where available budget value is stale in user sessions and wont read updated value properly."
+UPDATE_NOTICE_VERSION=10
+UPDATE_NOTICE_TITLE="Tracking Notes for Expenses"
+UPDATE_NOTICE_BODY="Notes for daily transactions are now tracked in the database and are displayed in the records page next to the correlating transaction."
 ALLOW_INSECURE_AUTH_FOR_DEV=false
 JWT_ISSUER=skymoney-api
 JWT_AUDIENCE=skymoney-web
diff --git a/web/src/pages/TransactionsPage.tsx b/web/src/pages/TransactionsPage.tsx
index 2e4e7c4..0cd783d 100644
--- a/web/src/pages/TransactionsPage.tsx
+++ b/web/src/pages/TransactionsPage.tsx
@@ -151,6 +151,7 @@ export default function TransactionsPage() {
                   <th className="text-left py-3 px-4 muted text-xs font-semibold uppercase tracking-wide">Date</th>
                   <th className="text-left py-3 px-4 muted text-xs font-semibold uppercase tracking-wide">Type</th>
                   <th className="text-left py-3 px-4 muted text-xs font-semibold uppercase tracking-wide">Category</th>
+                  <th className="text-left py-3 px-4 muted text-xs font-semibold uppercase tracking-wide">Note</th>
                   <th className="text-right py-3 px-4 muted text-xs font-semibold uppercase tracking-wide">Amount</th>
                 </tr>
               </thead>
@@ -172,7 +173,12 @@ export default function TransactionsPage() {
                         {prettyKind(t.kind)}
                       </span>
                     </td>
-                    <td className="py-3 px-4 font-medium">{t.categoryName ?? t.planName ?? t.note ?? "–"}</td>
+                    <td className="py-3 px-4 font-medium">{t.categoryName ?? t.planName ?? "–"}</td>
+                    <td className="py-3 px-4 muted">
+                      <span className="block max-w-[26rem] truncate" title={t.note ?? undefined}>
+                        {t.note ?? "–"}
+                      </span>
+                    </td>
                     <td className="py-3 px-4 text-right font-semibold">
                       <Money cents={t.amountCents} />
                     </td>
@@ -190,7 +196,7 @@ export default function TransactionsPage() {
               <div key={t.id} className="rounded-xl border bg-[--color-panel] p-4 shadow-sm stack">
                 <div className="row">
                   <div className="stack">
-                      <span className="font-semibold">{t.categoryName ?? t.planName ?? t.note ?? "–"}</span>
+                    <span className="font-semibold">{t.categoryName ?? t.planName ?? "–"}</span>
                     <span className="row gap-2 text-sm muted">
                       <span
                         className="inline-block w-2 h-2 rounded-full"
@@ -210,7 +216,7 @@ export default function TransactionsPage() {
                 </div>
                 {t.note && (
                   <div className="row mt-2">
-                    <span className="muted text-sm">{t.note}</span>
+                    <span className="muted text-sm">Note: {t.note}</span>
                   </div>
                 )}
               </div>