Hartmut
e4bf121b33
- Unify Saturday+Sunday into single isWeekend flag (header + grid lines) - Replace hardcoded amber vacation bar/tooltip colors with brand-* classes - Add global accent-color for checkboxes and radio buttons via CSS variable - Update VACATION_TIMELINE_COLORS/BORDER to use brand palette (SICK stays red) - Vacation-only tooltip uses neutral dark surface with brand accent border Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
79 lines
3.2 KiB
TypeScript
79 lines
3.2 KiB
TypeScript
/**
|
|
* Consolidated badge / pill style maps for status and type columns.
|
|
* Single source of truth — imported by every table that renders status badges.
|
|
*/
|
|
|
|
export const ALLOCATION_STATUS_BADGE: Record<string, string> = {
|
|
ACTIVE: "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",
|
|
PROPOSED: "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400",
|
|
CONFIRMED: "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400",
|
|
COMPLETED: "bg-gray-100 text-gray-600 dark:bg-gray-700 dark:text-gray-400",
|
|
CANCELLED: "bg-red-100 text-red-600 dark:bg-red-900/30 dark:text-red-400",
|
|
};
|
|
|
|
export const VACATION_STATUS_BADGE: Record<string, string> = {
|
|
PENDING: "bg-amber-100 text-amber-700 dark:bg-yellow-900/30 dark:text-yellow-400",
|
|
APPROVED: "bg-emerald-100 text-emerald-700 dark:bg-green-900/30 dark:text-green-400",
|
|
REJECTED: "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400",
|
|
CANCELLED: "bg-gray-100 text-gray-500 dark:bg-gray-700 dark:text-gray-400",
|
|
};
|
|
|
|
export const VACATION_TYPE_LABELS: Record<string, string> = {
|
|
ANNUAL: "Annual Leave",
|
|
SICK: "Sick Leave",
|
|
PUBLIC_HOLIDAY: "Public Holiday",
|
|
OTHER: "Other",
|
|
};
|
|
|
|
export const VACATION_TYPE_BADGE: Record<string, string> = {
|
|
ANNUAL: "bg-brand-100 text-brand-700 dark:bg-brand-900/30 dark:text-brand-400",
|
|
SICK: "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400",
|
|
PUBLIC_HOLIDAY: "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400",
|
|
OTHER: "bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-400",
|
|
};
|
|
|
|
export const PROJECT_STATUS_BADGE: Record<string, string> = {
|
|
DRAFT: "bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300",
|
|
ACTIVE: "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",
|
|
ON_HOLD: "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400",
|
|
COMPLETED: "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400",
|
|
CANCELLED: "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400",
|
|
};
|
|
|
|
export const ORDER_TYPE_BADGE: Record<string, string> = {
|
|
BD: "bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-400",
|
|
CHARGEABLE: "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",
|
|
INTERNAL: "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400",
|
|
OVERHEAD: "bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300",
|
|
};
|
|
|
|
/** Vacation overlay colors for timeline bars */
|
|
export const VACATION_TIMELINE_COLORS: Record<string, string> = {
|
|
ANNUAL: "bg-brand-400/40",
|
|
SICK: "bg-red-500/40",
|
|
PUBLIC_HOLIDAY: "bg-brand-300/35",
|
|
OTHER: "bg-brand-400/30",
|
|
};
|
|
|
|
export const VACATION_TIMELINE_BORDER: Record<string, string> = {
|
|
ANNUAL: "border-brand-500",
|
|
SICK: "border-red-600",
|
|
PUBLIC_HOLIDAY: "border-brand-400",
|
|
OTHER: "border-brand-500",
|
|
};
|
|
|
|
export const VACATION_TYPE_LABELS_SHORT: Record<string, string> = {
|
|
ANNUAL: "Annual",
|
|
SICK: "Sick",
|
|
PUBLIC_HOLIDAY: "Holiday",
|
|
OTHER: "Other",
|
|
};
|
|
|
|
/** Vacation calendar dot/bar colors */
|
|
export const VACATION_CALENDAR_COLORS: Record<string, string> = {
|
|
ANNUAL: "bg-brand-500",
|
|
SICK: "bg-red-400",
|
|
PUBLIC_HOLIDAY: "bg-emerald-500",
|
|
OTHER: "bg-purple-400",
|
|
};
|