New /cases/new route with a 3-step wizard (basics / parties / details) backed by react-hook-form + the caseCreateSchema. Each step validates only its own fields so the user fixes errors in context. On success useCreateCase invalidates the case list and the router pushes to the freshly created case detail page. PartiesField is a small chip-style editor for the appellants/respondents arrays. The Home page now has a navy "+ תיק חדש" button that links to the wizard. Dropped .default() from the create schema — zod's input/output type mismatch broke the RHF zodResolver generics; dropping the defaults is simpler than plumbing z.input vs z.output through the mutation hook. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
27 lines
944 B
TypeScript
27 lines
944 B
TypeScript
import Link from "next/link";
|
||
import { AppShell } from "@/components/app-shell";
|
||
import { CaseWizard } from "@/components/wizard/case-wizard";
|
||
|
||
export default function NewCasePage() {
|
||
return (
|
||
<AppShell>
|
||
<section className="space-y-6">
|
||
<header>
|
||
<nav className="text-[0.78rem] text-ink-muted flex items-center gap-2 mb-1">
|
||
<Link href="/" className="hover:text-gold-deep">בית</Link>
|
||
<span aria-hidden>·</span>
|
||
<span className="text-navy">תיק חדש</span>
|
||
</nav>
|
||
<h1 className="text-navy mb-0">יצירת תיק ערר</h1>
|
||
<p className="text-ink-muted text-sm mt-1 max-w-2xl">
|
||
שלושה שלבים קצרים — פרטי יסוד, צדדים, והשלמות. התיק ייווצר ב-DB
|
||
וב-Gitea מיד בשמירה.
|
||
</p>
|
||
</header>
|
||
|
||
<CaseWizard />
|
||
</section>
|
||
</AppShell>
|
||
);
|
||
}
|