feat(accounts): adicionar tipos de conta dinheiro e outros com ícones no seletor

Adiciona "Dinheiro" (issue #50) e "Outros" à lista de tipos de conta.
Implementa AccountTypeSelectContent com ícones distintos por tipo via
getAccountTypeIcon em shared/utils/icons.tsx.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Felipe Coutinho
2026-05-04 15:42:27 +00:00
parent 51652da4f8
commit 0cb01a1d4c
5 changed files with 51 additions and 6 deletions

View File

@@ -36,13 +36,37 @@ export const getConditionIcon = (condition: string): ReactNode => {
return registry[key] ?? null;
};
export const getAccountTypeIcon = (accountType: string): ReactNode => {
const key = normalizeKey(accountType);
const registry: Record<string, ReactNode> = {
contacorrente: <RemixIcons.RiBankLine className={ICON_CLASS} aria-hidden />,
contapoupanca: (
<RemixIcons.RiSafe2Line className={ICON_CLASS} aria-hidden />
),
carteiradigital: (
<RemixIcons.RiWalletLine className={ICON_CLASS} aria-hidden />
),
containvestimento: (
<RemixIcons.RiFundsLine className={ICON_CLASS} aria-hidden />
),
prepagovrva: <RemixIcons.RiCouponLine className={ICON_CLASS} aria-hidden />,
dinheiro: <RemixIcons.RiCashLine className={ICON_CLASS} aria-hidden />,
outros: <RemixIcons.RiMoreFill className={ICON_CLASS} aria-hidden />,
};
return (
registry[key] ?? (
<RemixIcons.RiBankLine className={ICON_CLASS} aria-hidden />
)
);
};
export const getPaymentMethodIcon = (paymentMethod: string): ReactNode => {
const key = normalizeKey(paymentMethod);
const registry: Record<string, ReactNode> = {
dinheiro: (
<RemixIcons.RiMoneyDollarCircleLine className={ICON_CLASS} aria-hidden />
),
dinheiro: <RemixIcons.RiCashLine className={ICON_CLASS} aria-hidden />,
pix: <RemixIcons.RiPixLine className={ICON_CLASS} aria-hidden />,
boleto: <RemixIcons.RiBarcodeLine className={ICON_CLASS} aria-hidden />,
credito: (