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>
34 lines
1.0 KiB
TypeScript
34 lines
1.0 KiB
TypeScript
"use client";
|
|
|
|
import { EVENT_TYPE_STYLES } from "@/components/calendario/day-cell";
|
|
import type { CalendarEvent } from "@/components/calendario/types";
|
|
import { cn } from "@/lib/utils/ui";
|
|
|
|
const LEGEND_ITEMS: Array<{
|
|
type?: CalendarEvent["type"];
|
|
label: string;
|
|
dotColor?: string;
|
|
}> = [
|
|
{ type: "lancamento", label: "Lançamentos" },
|
|
{ type: "boleto", label: "Boleto com vencimento" },
|
|
{ type: "cartao", label: "Vencimento de cartão" },
|
|
{ label: "Pagamento fatura", dotColor: "bg-success" },
|
|
];
|
|
|
|
export function CalendarLegend() {
|
|
return (
|
|
<div className="flex flex-wrap gap-3 rounded-sm border border-border/60 bg-muted/20 p-2 text-xs font-medium text-muted-foreground">
|
|
{LEGEND_ITEMS.map((item, index) => {
|
|
const dotColor =
|
|
item.dotColor || (item.type ? EVENT_TYPE_STYLES[item.type].dot : "");
|
|
return (
|
|
<span key={item.type || index} className="flex items-center gap-2">
|
|
<span className={cn("size-3 rounded-full", dotColor)} />
|
|
{item.label}
|
|
</span>
|
|
);
|
|
})}
|
|
</div>
|
|
);
|
|
}
|