Maximilian Stubhan
a3fac47f47
The contract sheet had one field, "Merkmale", holding whatever applied, comma-separated — and a dash when nothing did. Two problems in one row. A dash cannot distinguish "has no company car" from "nobody ever answered the question", and the entry read "Dienstwagen" without saying which kind, which is the thing worth knowing since electric vehicles are tracked separately. Betriebsrat, Dienstwagen, laterale Führung and C-Level are now four lines like every other line on the sheet, each with Ja or Nein. The company car shows its drivetrain instead: E-KFZ or Verbrenner. That label existed in three places — the dropdown, the hire summary and now here. It lives in lib/dienstwagen.ts, so the same car cannot end up named differently depending on which screen you are looking at. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
52 lines
2.4 KiB
TypeScript
52 lines
2.4 KiB
TypeScript
import { dienstwagenLabel } from "@/lib/dienstwagen";
|
||
import { fmtDate } from "@/lib/format";
|
||
import type { Database } from "@/lib/supabase/types";
|
||
|
||
type EmployeeRow = Database["public"]["Tables"]["employees"]["Row"];
|
||
|
||
const PAYGRADE_LABELS: Record<string, string> = {
|
||
A: "A – Einstieg",
|
||
B: "B – Qualifiziert",
|
||
C: "C – Erfahren",
|
||
D: "D – Spezialist:in",
|
||
E: "E – Teamleitung",
|
||
F: "F – Bereichsleitung / GF",
|
||
};
|
||
|
||
export function VertragTab({ employee }: { employee: EmployeeRow }) {
|
||
// Früher stand hier eine einzige Zeile „Merkmale" mit allem, was zutraf,
|
||
// durch Kommas getrennt — und ein Gedankenstrich, wenn nichts zutraf. Damit
|
||
// liess sich nicht ablesen, ob jemand *keinen* Dienstwagen hat oder ob
|
||
// niemand die Frage je beantwortet hat. Jedes Merkmal steht jetzt für sich,
|
||
// mit Ja oder Nein, wie jede andere Zeile auf diesem Blatt auch.
|
||
const rows: [string, string][] = [
|
||
["Eintrittsdatum", fmtDate(employee.entry_date)],
|
||
["Vertragsart", employee.contract_type === "befristet" ? `befristet bis ${fmtDate(employee.contract_end_date)}` : "unbefristet"],
|
||
["Kollektivvertrag", employee.collective_agreement ?? "–"],
|
||
["Beschäftigungsausmaß", employee.employment_type],
|
||
["Wochenstunden", `${employee.weekly_hours} h`],
|
||
["Urlaubsanspruch", "25 Tage"],
|
||
["Paygrade", PAYGRADE_LABELS[employee.paygrade] ?? employee.paygrade],
|
||
["Angestellte:r / Arbeiter:in", employee.worker_type ?? "–"],
|
||
["Arbeitstage", employee.work_days?.join(", ") || "–"],
|
||
// Beim Dienstwagen steht die Antriebsart statt eines blossen „Ja" — das
|
||
// war die Frage dahinter, seit E-Fahrzeuge getrennt zu führen sind.
|
||
["Dienstwagen", employee.has_dienstwagen ? dienstwagenLabel(employee.dienstwagen_art) : "Nein"],
|
||
["Betriebsrat", employee.is_betriebsrat ? "Ja" : "Nein"],
|
||
["Laterale Führung", employee.is_laterale_fuehrung ? "Ja" : "Nein"],
|
||
["C-Level", employee.is_c_level ? "Ja" : "Nein"],
|
||
];
|
||
if (employee.exit_date) rows.push(["Austrittsdatum", fmtDate(employee.exit_date)]);
|
||
|
||
return (
|
||
<dl className="grid grid-cols-1 gap-x-8 gap-y-4 sm:grid-cols-2 lg:grid-cols-3">
|
||
{rows.map(([label, value]) => (
|
||
<div key={label}>
|
||
<dt className="text-xs font-semibold uppercase tracking-wide text-ink-muted">{label}</dt>
|
||
<dd className="mt-1 text-sm text-ink">{value}</dd>
|
||
</div>
|
||
))}
|
||
</dl>
|
||
);
|
||
}
|