Maximilian Stubhan
901c5c426e
Reworks the app from a two-role (hr_admin/manager) model to a single HR-only role gated by profiles.is_active, fixes transfer/promote/karenz/ reorg RPCs to actually defer future-dated changes via a new pending_org_changes table instead of writing them immediately (applied by a daily Vercel Cron route), makes reorg undo append-only instead of deleting history, adds Karenz-return and history-date integrity guards, deprecates the salary column, and adds explicit schema grants + perf indexes needed to run against a fresh (non-hosted) Postgres instance. Adds vitest unit + integration test suites (the latter against a real local Supabase instance) covering all of the above, plus lint/typecheck/ build wiring (`npm run check`).
104 lines
3.6 KiB
TypeScript
104 lines
3.6 KiB
TypeScript
"use client";
|
||
|
||
import { useRouter } from "next/navigation";
|
||
import { useState } from "react";
|
||
import { promoteEmployee } from "@/actions/employees";
|
||
import { SlideOver } from "@/components/ui/SlideOver";
|
||
import { useToast } from "@/components/ui/Toast";
|
||
import type { Database, PaygradeType } from "@/lib/supabase/types";
|
||
|
||
type EmployeeRow = Database["public"]["Tables"]["employees"]["Row"];
|
||
|
||
const PAYGRADES: { value: PaygradeType; label: string }[] = [
|
||
{ value: "A", label: "A – Einstieg" },
|
||
{ value: "B", label: "B – Qualifiziert" },
|
||
{ value: "C", label: "C – Erfahren" },
|
||
{ value: "D", label: "D – Spezialist:in" },
|
||
{ value: "E", label: "E – Teamleitung" },
|
||
{ value: "F", label: "F – Bereichsleitung / GF" },
|
||
];
|
||
|
||
export function PromotePanel({ open, onClose, employee }: { open: boolean; onClose: () => void; employee: EmployeeRow }) {
|
||
const { showToast } = useToast();
|
||
const router = useRouter();
|
||
const [effectiveDate, setEffectiveDate] = useState("");
|
||
const [newTitle, setNewTitle] = useState(employee.job_title);
|
||
const [paygrade, setPaygrade] = useState<PaygradeType>(employee.paygrade);
|
||
const [pending, setPending] = useState(false);
|
||
|
||
async function handleSubmit() {
|
||
if (!effectiveDate || !newTitle) {
|
||
showToast("Bitte alle Pflichtfelder ausfüllen.", "error");
|
||
return;
|
||
}
|
||
setPending(true);
|
||
const result = await promoteEmployee({
|
||
employee_id: employee.id,
|
||
effective_date: effectiveDate,
|
||
new_title: newTitle,
|
||
new_paygrade: paygrade,
|
||
});
|
||
setPending(false);
|
||
if (result.success) {
|
||
showToast(`${employee.first_name} ${employee.last_name} wurde befördert.`);
|
||
router.refresh();
|
||
onClose();
|
||
} else {
|
||
showToast(result.error ?? "Fehler beim Speichern.", "error");
|
||
}
|
||
}
|
||
|
||
return (
|
||
<SlideOver
|
||
open={open}
|
||
onClose={onClose}
|
||
title="Beförderung"
|
||
subtitle={`${employee.first_name} ${employee.last_name} · ${employee.job_title}`}
|
||
footer={
|
||
<>
|
||
<button onClick={onClose} className="rounded px-4 py-2 text-sm font-semibold text-ink-body hover:bg-surface">
|
||
Abbrechen
|
||
</button>
|
||
<button
|
||
onClick={handleSubmit}
|
||
disabled={pending}
|
||
className="rounded bg-purple-text px-4 py-2 text-sm font-semibold text-white disabled:opacity-50"
|
||
>
|
||
Befördern
|
||
</button>
|
||
</>
|
||
}
|
||
>
|
||
<div className="flex flex-col gap-4">
|
||
<div>
|
||
<label className="mb-1 block text-sm font-semibold text-ink">Wirksam ab*</label>
|
||
<input
|
||
type="date"
|
||
value={effectiveDate}
|
||
onChange={(e) => setEffectiveDate(e.target.value)}
|
||
className="w-full rounded border border-border px-3 py-2 text-sm"
|
||
/>
|
||
</div>
|
||
<div>
|
||
<label className="mb-1 block text-sm font-semibold text-ink">Neue Position*</label>
|
||
<input value={newTitle} onChange={(e) => setNewTitle(e.target.value)} className="w-full rounded border border-border px-3 py-2 text-sm" />
|
||
</div>
|
||
<div>
|
||
<label className="mb-1 block text-sm font-semibold text-ink">Paygrade</label>
|
||
<select
|
||
value={paygrade}
|
||
onChange={(e) => setPaygrade(e.target.value as PaygradeType)}
|
||
className="w-full rounded border border-border px-3 py-2 text-sm"
|
||
>
|
||
{PAYGRADES.map((p) => (
|
||
<option key={p.value} value={p.value}>
|
||
{p.label}
|
||
</option>
|
||
))}
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</SlideOver>
|
||
);
|
||
}
|