## Why ### Problem Account type icons were defined in two separate places — `step-account-types.tsx` (onboarding) and `account-type-icon.tsx` (dashboard) — using different icon choices for the same account types. For example, `checking` showed `Building2` on the dashboard but `Wallet` in onboarding, and `retirement` showed `Umbrella` vs `TrendingUp`. This created a visually inconsistent experience. ## What ### Changes - Added `accountIconByType(type: AccountType): LucideIcon` helper to `resources/js/types/account.ts` as the single source of truth for account type icons - Updated `AccountTypeIcon` component to delegate to the new helper instead of maintaining its own map - Updated `StepAccountTypes` to derive icons from the helper instead of storing them inline per entry - Dashboard account cards now use the same icon set as the onboarding screen (Wallet, PiggyBank, CreditCard, LineChart, TrendingUp, Building2) ## Verification ### Tests No behaviour change — purely a refactor consolidating icon mapping into one place. Existing tests remain unaffected. |
||
|---|---|---|
| .. | ||
| account.ts | ||
| automation-rule.ts | ||
| balance-import.ts | ||
| banking.ts | ||
| budget.ts | ||
| category.ts | ||
| import.ts | ||
| index.d.ts | ||
| label.ts | ||
| language.ts | ||
| pricing.ts | ||
| transaction.ts | ||
| uuid.ts | ||
| vite-env.d.ts | ||