added tracking notes
All checks were successful
Deploy / deploy (push) Successful in 1m12s
Security Tests / security-non-db (push) Successful in 19s
Security Tests / security-db (push) Successful in 26s

This commit is contained in:
2026-03-13 19:26:16 -05:00
parent 58545b2da7
commit 512e21276c
2 changed files with 12 additions and 6 deletions

View File

@@ -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>