Commit Graph

22 Commits

Author SHA1 Message Date
eb1bb8aeec feat(04-01): add locale parameter to formatCurrency, default 'en'
- Replace hardcoded 'de-DE' with optional locale parameter defaulting to 'en'
- Defensive locale || 'en' guard prevents RangeError on empty string
- All existing call sites get English formatting (FIX-01)
- Third arg enables locale-aware chart tooltips in follow-on plans
2026-03-12 09:23:46 +01:00
6ffce76de8 test(04-01): add failing tests for locale-aware formatCurrency
- Test English default locale uses comma grouping (1,234.56)
- Test explicit 'en' locale formatting
- Test 'de' locale uses period grouping and comma decimal (1.234,56)
- Test USD with dollar sign
- Test zero and negative amounts
- Test empty string locale fallback (no RangeError)
- Test default arg does NOT produce German formatting
2026-03-12 09:23:33 +01:00
c60a865797 feat(03-03): add pastel-tinted loading skeletons to DashboardPage
- Import palette from @/lib/palette
- Replace generic skeleton block with tinted versions using palette.*.light colors
- Grid layout mirrors dashboard structure: saving overview, bill/variable_expense row, debt/investment row
2026-03-11 22:36:38 +01:00
4ef10dae46 feat(03-03): wire row flash feedback into all three tracker components
- Add flashRowId/errorRowId state and triggerFlash helper to BillsTracker, VariableExpenses, DebtTracker
- Apply inline color-mix style to data rows for green/red 600ms flash on save success/error
- Wire onSaveSuccess/onSaveError callbacks to InlineEditCell in all three components
- Add tinted skeleton placeholder (palette.*.light) when no items exist for the section
2026-03-11 22:36:01 +01:00
4fc63893b8 feat(03-02): add EmptyState component and wire into Dashboard and Categories pages
- Create shared EmptyState component with icon, heading, subtext, and optional CTA button
- DashboardPage: show EmptyState when no budgets exist with Create CTA; replace plain Card fallback with EmptyState for no-current-budget case
- CategoriesPage: add loading state to prevent empty-state flash on initial load; show EmptyState when no categories exist
2026-03-11 22:32:34 +01:00
30ec2d5780 feat(03-01): add loading spinners to Login, Register, and BudgetSetup submit buttons
- LoginPage: Spinner replaces button text during loading, min-w-[120px] prevents layout shift
- RegisterPage: Spinner replaces button text during loading, min-w-[120px] prevents layout shift
- BudgetSetup: Spinner replaces create button text during saving, min-w-[120px] prevents layout shift
- All buttons remain disabled during loading/saving to prevent double-submit
2026-03-11 22:32:30 +01:00
c95c7f248e test(03-00): add Wave 0 test stub files for 4 components
- BudgetSetup.test.tsx: smoke test + 2 it.skip for IXTN-01 spinner/disable
- CategoriesPage.test.tsx: smoke test + 4 it.skip for IXTN-05 and STATE-02
- DashboardPage.test.tsx: smoke test + 2 it.skip for STATE-01 and STATE-03
- BillsTracker.test.tsx: smoke test + 3 it.skip for STATE-03 and IXTN-03
2026-03-11 22:32:07 +01:00
d9e60fa90c feat(03-01): enhance InlineEditCell with pencil icon hover affordance and save/error callbacks
- Add Pencil icon in display mode (opacity-0, group-hover:opacity-100)
- Add onSaveSuccess optional callback fired after successful save
- Add onSaveError optional callback fired + value reverted on save failure
- Wrap onSave in try/catch in handleBlur
2026-03-11 22:31:20 +01:00
58bb57b1cc test(03-01): add failing tests for pencil icon, onSaveSuccess, and onSaveError callbacks 2026-03-11 22:31:02 +01:00
79a0f9bc3d feat(02-02): brand sidebar with wordmark, active indicator, and collapse trigger
- Add SidebarTrigger import (NAV-04)
- Replace plain h2 with gradient span wordmark using oklch 260-300 purple sweep (NAV-02)
- Override SidebarMenuButton active state with sidebar-primary for high contrast (NAV-03)
- Add header bar with SidebarTrigger inside SidebarInset (NAV-04)
- Add p-4 padding to main content area
- NAV-01 satisfied by existing bg-sidebar token on sidebar element
2026-03-11 21:49:29 +01:00
381a06008b feat(02-01): brand auth pages with gradient bg, wordmark, and Alert errors
- LoginPage: pastel gradient background (saving/bill/investment light shades)
- LoginPage: gradient text wordmark with data-testid='wordmark'
- LoginPage: shadcn Alert destructive with AlertCircle icon for error display
- RegisterPage: mirrors LoginPage branding treatment exactly
- Both pages: Card shadow-lg for visual lift against gradient
- All 6 AUTH tests pass (AUTH-01 through AUTH-04)
2026-03-11 21:49:16 +01:00
9b57a1a4be test(02-02): add AppLayout test scaffold for NAV-01 through NAV-04
- Mock ResizeObserver and matchMedia for SidebarProvider compatibility
- NAV-01: verify sidebar data-sidebar element renders
- NAV-02: verify data-testid=sidebar-wordmark gradient element
- NAV-03: verify active nav item has data-active=true
- NAV-04: verify SidebarTrigger Toggle Sidebar button renders
2026-03-11 21:48:15 +01:00
dfd88de03e test(02-01): add failing tests for AUTH-01 through AUTH-04 and install shadcn Alert
- Install shadcn Alert component (alert.tsx)
- LoginPage.test.tsx: 4 test cases for gradient bg, wordmark, Alert error, SVG icon
- RegisterPage.test.tsx: 2 test cases for gradient bg, wordmark
- All tests fail as expected (features not yet implemented)
2026-03-11 21:47:57 +01:00
90a15c20ce fix(01-02): resolve TypeScript build errors for production build
- Fix palette.test.ts: use type-only import for CategoryType (verbatimModuleSyntax)
- Fix vite.config.ts: import defineConfig from vitest/config for test property support
- Fix tsconfig.node.json: add vitest/globals to types array
- Fix AvailableBalance.tsx: split typed array and filter to preserve CategoryType literal
2026-03-11 21:00:24 +01:00
07041aed34 feat(01-02): wire palette.ts into all 6 dashboard components
- BillsTracker: headerGradient('bill'), InlineEditCell, amountColorClass
- VariableExpenses: headerGradient('variable_expense'), InlineEditCell, amountColorClass, palette bar chart colors
- DebtTracker: headerGradient('debt'), InlineEditCell, amountColorClass
- AvailableBalance: headerGradient('saving'), palette Cell fills, text-3xl center, text-success/text-destructive
- ExpenseBreakdown: headerGradient('variable_expense'), palette Cell fills
- FinancialOverview: overviewHeaderGradient(), hero typography (text-2xl px-6 py-5), palette row tints, amountColorClass
- Remove all PASTEL_COLORS arrays and InlineEditRow private functions
2026-03-11 20:57:53 +01:00
689c88fc3e feat(01-02): implement InlineEditCell shared component
- Shared TableCell with display/edit mode toggle
- Calls onSave(number) on blur or Enter key
- Skips save when value unchanged or NaN
- Accepts className for amount coloring
2026-03-11 20:56:19 +01:00
bb36aeb272 test(01-02): add failing tests for InlineEditCell
- renders formatted currency in display mode
- enters edit mode on click
- calls onSave with parsed number on blur/Enter
- does not call onSave when value unchanged
2026-03-11 20:56:04 +01:00
6859b30347 feat(01-01): implement palette.ts as single source of truth for category colors
- Export CategoryType union type with 7 category strings
- Export CategoryShades interface with light/medium/base fields
- Export palette Record with oklch values matching --chart-* CSS tokens
- Export headerGradient() returning CSSProperties with linear-gradient
- Export overviewHeaderGradient() with multi-stop sky/lavender/green gradient
- Export amountColorClass() for text-success/text-warning/text-destructive
- All 20 unit tests pass
2026-03-11 20:52:41 +01:00
d5fc10de46 test(01-01): add failing tests for palette module
- Tests cover all 7 CategoryType values with 3 shades each
- Tests for headerGradient returning valid CSSProperties with linear-gradient
- Tests for overviewHeaderGradient multi-stop gradient
- Tests for amountColorClass: income, available, and expense paths
2026-03-11 20:52:06 +01:00
3f97d07f4e feat(01-01): replace CSS tokens with pastel oklch values
- Update all :root tokens with lavender-tinted pastel oklch values
- Map --chart-1 through --chart-5 to category base colors (bill, variable_expense, debt, saving, investment)
- Add --success and --warning semantic tokens with foreground pairs
- Register --color-success and --color-warning in @theme inline for Tailwind utility access
- Preserve --card and --popover as pure white (intentional locked decision)
- Leave .dark block unchanged (out of scope)
2026-03-11 20:51:26 +01:00
cbf355273a chore(01-01): install vitest test infrastructure
- Add vitest, @testing-library/react, @testing-library/jest-dom, @testing-library/user-event, jsdom
- Configure vite.config.ts with jsdom test environment and globals
- Add test-setup.ts importing jest-dom matchers
2026-03-11 20:50:30 +01:00
04cbb846d1 Init 2026-03-06 19:42:15 +00:00