forked from git.gladyson/openmonetis
f50261208a
- Adicionar tokens semânticos de estado (success, warning, info) no globals.css - Migrar ~60+ componentes de cores hardcoded do Tailwind para tokens semânticos - Unificar 3 arrays duplicados de cores de categorias em importação única - Corrigir widgets de boleto/fatura que não atualizavam após pagamento (actions de fatura e antecipação não invalidavam cache do dashboard) - Corrigir scroll em listas Popover+Command (modal prop) - Adicionar link "detalhes" no card de orçamento para página da categoria - Adicionar indicadores de tendência coloridos nos cards de métricas - Estender cores de chart de 6 para 10 - Normalizar dark mode e remover tokens não utilizados Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
64 lines
1.4 KiB
TypeScript
64 lines
1.4 KiB
TypeScript
import { Badge } from "@/components/ui/badge";
|
|
import { cn } from "@/lib/utils/ui";
|
|
import DotIcon from "./dot-icon";
|
|
|
|
type TypeBadgeType =
|
|
| "receita"
|
|
| "despesa"
|
|
| "Receita"
|
|
| "Despesa"
|
|
| "Transferência"
|
|
| "transferência"
|
|
| "Saldo inicial"
|
|
| "Saldo Inicial";
|
|
|
|
interface TypeBadgeProps {
|
|
type: TypeBadgeType | string;
|
|
className?: string;
|
|
}
|
|
|
|
const TYPE_LABELS: Record<string, string> = {
|
|
receita: "Receita",
|
|
despesa: "Despesa",
|
|
Receita: "Receita",
|
|
Despesa: "Despesa",
|
|
Transferência: "Transferência",
|
|
transferência: "Transferência",
|
|
"Saldo inicial": "Saldo Inicial",
|
|
"Saldo Inicial": "Saldo Inicial",
|
|
};
|
|
|
|
export function TypeBadge({ type, className }: TypeBadgeProps) {
|
|
const normalizedType = type.toLowerCase();
|
|
const isReceita = normalizedType === "receita";
|
|
const isTransferencia = normalizedType === "transferência";
|
|
const isSaldoInicial = normalizedType === "saldo inicial";
|
|
const label = TYPE_LABELS[type] || type;
|
|
|
|
const colorClass = isTransferencia
|
|
? "text-info"
|
|
: isReceita || isSaldoInicial
|
|
? "text-success"
|
|
: "text-destructive";
|
|
|
|
const dotColor = isTransferencia
|
|
? "bg-info"
|
|
: isReceita || isSaldoInicial
|
|
? "bg-success"
|
|
: "bg-destructive";
|
|
|
|
return (
|
|
<Badge
|
|
variant={"outline"}
|
|
className={cn(
|
|
"flex items-center gap-1 px-2 text-xs",
|
|
colorClass,
|
|
className,
|
|
)}
|
|
>
|
|
<DotIcon color={dotColor} />
|
|
{label}
|
|
</Badge>
|
|
);
|
|
}
|