Fix server/client component boundary issue with reasonColor/reasonLabel helper functions by moving them to shared utils

This commit is contained in:
t.indorf
2026-05-20 23:09:59 +02:00
parent e25a3bcc04
commit e7eb43462c
4 changed files with 16 additions and 22 deletions
@@ -3,6 +3,7 @@
import { useState } from "react";
import { AbsenceReason } from "@prisma/client";
import { CalendarDays, Circle, MessageSquareText, UserRound } from "lucide-react";
import { reasonColor, reasonLabel } from "@/lib/absence-utils";
import { Badge } from "@/components/ui/badge";
import {
@@ -176,17 +177,7 @@ function getInitials(name: string) {
.toUpperCase();
}
export function reasonLabel(reason: AbsenceReason) {
if (reason === AbsenceReason.ILLNESS) return "Krank";
if (reason === AbsenceReason.VACATION) return "Urlaub";
return "Sonstiges";
}
export function reasonColor(reason: AbsenceReason) {
if (reason === AbsenceReason.ILLNESS) return "var(--danger)";
if (reason === AbsenceReason.VACATION) return "var(--warn)";
return "var(--accent)";
}
export function formatDateRange(startDate: string, endDate: string) {
const start = new Date(`${startDate}T00:00:00`);