frontend: generate badge's variants instead of custom colors
Parents:
f6303021 file(s) changed
- frontend/lib/utils/time.ts +5 -5
frontend/lib/utils/time.ts
@@ -3,11 +3,11 @@ import { ptBR } from 'date-fns/locale';
3 3
4 4 type TimeBadgeVariant = 'morning' | 'afternoon' | 'night' | 'latenight';
5 5
6 - export const TIME_BADGES: Record<TimeBadgeVariant, { label: string; backgroundColor: string; color: string }> = {
7 - morning: { label: 'Manhã', backgroundColor: '#dcfce7', color: '#16a34a' },
8 - afternoon: { label: 'Tarde', backgroundColor: '#f1f5f9', color: '#475569' },
9 - night: { label: 'Noite', backgroundColor: '#dbeafe', color: '#1d4ed8' },
10 - latenight: { label: 'Madrugada', backgroundColor: '#f3e8ff', color: '#7e22ce' },
6 + export const TIME_BADGES: Record<TimeBadgeVariant, { label: string; variant: string; }> = {
7 + morning: { label: 'Manhã', variant: "green" },
8 + afternoon: { label: 'Tarde', variant: "orange" },
9 + night: { label: 'Noite', variant: "blue" },
10 + latenight: { label: 'Madrugada', variant: "purple" },
11 11 };
12 12
13 13 export const getTimeBadge = (date: Date) => {