186ae57c2d
## 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. |
||
|---|---|---|
| .. | ||
| step-account-types.tsx | ||
| step-button.tsx | ||
| step-category-types.tsx | ||
| step-complete.tsx | ||
| step-create-account.tsx | ||
| step-customize-categories.tsx | ||
| step-header.tsx | ||
| step-import-balances.tsx | ||
| step-import-transactions.tsx | ||
| step-more-accounts.tsx | ||
| step-smart-rules.tsx | ||
| step-welcome.tsx | ||