From 9c339f4750f4515f8fa16f725aefc4f008bf5cda Mon Sep 17 00:00:00 2001
From: Joseph Yaksich <294273268+gitcommit90@users.noreply.github.com>
Date: Sun, 12 Jul 2026 21:06:57 +0000
Subject: [PATCH] fix(ui): list recurring expenses in effective salary
 breakdown

The salary math already subtracts monthly recurring expenses, but the
Monthly Breakdown panel only showed VAT and income tax. Surface the
expenses line so the UI matches Expenses view data.

Fixes #413
---
 ui/src/components/salary/SalaryView.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/ui/src/components/salary/SalaryView.tsx b/ui/src/components/salary/SalaryView.tsx
index b09e561c..b33656d7 100644
--- a/ui/src/components/salary/SalaryView.tsx
+++ b/ui/src/components/salary/SalaryView.tsx
@@ -148,6 +148,9 @@ function MonthlyBreakdown({ salary }: { salary: SalaryData }) {
     { label: "Gross Revenue / month", amount: gross, color: "var(--color-status-info)" },
     { label: "VAT (to remit)", amount: vatReserve, color: "var(--color-status-warning)" },
     { label: "Est. Income Tax + Soli", amount: incomeTaxReserve, color: "var(--color-status-warning)" },
+    // Recurring expenses are already subtracted from available salary; list them so the
+    // breakdown matches Expenses view data (tuttle-dev/tuttle#413).
+    { label: "Recurring expenses", amount: monthlyExpenses, color: "var(--color-status-warning)" },
     { label: "= Available Salary", amount: optimistic, color: optimistic >= 0 ? "var(--color-status-success)" : "var(--color-status-danger)", bold: true },
   ];