cc7dc1bd17
Tightened frontend zod schemas where backend required fields the frontend marked optional, and matched enum/format constraints. Schemas: - vehicle-document: document_type required - parts: shop_type, category, unit_type, department, sku required - inspections: customer, vehicle, department, inspection_category, employee, order_number, date, time required - appointments: service_writer required, cross-field to_time > from_time - vendor-credits: vendor + vendor_credit_date required - job-cards: documents[].document_type_id required - expense-items: category, unit_type, department, sku required - inventory-adjustments: reference_number, date required - tasks: task_type, task_section required - shop-timings: in_time, out_time enforce HH:MM:SS regex - vendor-credit: subject + vendor + vendor_credit_date required Settings: - shop-type: shop_type + note required - insurance-types: description field added, required - make-and-models: shop_type required, year 1900..2100 - departments: assignment_type required enum (AssignmentType) - company: website URL validation, latitude/longitude range, first_day_of_work enum, string max lengths - configurations: 4 fields enum-typed (was raw strings) Inline forms: - job-card service/part/expense-item: relations required (part/service/expense_item/department) - job-card recommendation: max 255 - vehicles/inline-forms/shop-type: shop_type + note required - vehicles/inline-forms/body-type: shop_type_id pulled from parent form context, guard on submit - vehicles/inline-forms/color: code field added, required - services/inline-forms/department: assignment_type required enum - tasks/task-section: arrangement required integer - invoices/invoice-edit: status + discount enum-typed Auth: - login: password min 6 (was 8; backend allows 6) Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
68 lines
2.4 KiB
TypeScript
68 lines
2.4 KiB
TypeScript
"use client"
|
|
|
|
import { z } from "zod"
|
|
import { useForm } from "react-hook-form"
|
|
import { zodResolver } from "@hookform/resolvers/zod"
|
|
import { Plus } from "lucide-react"
|
|
import { Button } from "@/shared/components/ui/button"
|
|
import { FieldGroup } from "@/shared/components/ui/field"
|
|
import { Rhform, RhfTextField, RhfSelectField, type InlineCreateFormProps } from "@/shared/components/form"
|
|
import { toast } from "sonner"
|
|
import { useAuthApi } from "@/shared/useApi"
|
|
import { DEPARTMENT_ASSIGNMENT_TYPE_OPTIONS } from "../department-assignment-types"
|
|
import { AssignmentType } from "@garage/api"
|
|
|
|
const schema = z.object({
|
|
name: z.string().min(1, "Name is required").max(50, "Name cannot exceed 50 characters"),
|
|
assignment_type: z.enum(AssignmentType, { error: "Assignment type is required" }),
|
|
})
|
|
|
|
type FormValues = z.infer<typeof schema>
|
|
|
|
export function DepartmentInlineForm({ onSuccess }: InlineCreateFormProps) {
|
|
const api = useAuthApi()
|
|
|
|
const form = useForm<FormValues>({
|
|
resolver: zodResolver(schema),
|
|
defaultValues: { name: "", assignment_type: "none" },
|
|
})
|
|
|
|
const handleSubmit = async (values: FormValues) => {
|
|
try {
|
|
const result = await api.departments.create({
|
|
name: values.name,
|
|
assignment_type: values.assignment_type || undefined,
|
|
})
|
|
toast.success("Department created")
|
|
form.reset()
|
|
const item = (result as any)?.data ?? result
|
|
onSuccess({ value: String(item.id), label: item.name ?? String(item.id) })
|
|
} catch {
|
|
toast.error("Failed to create department")
|
|
}
|
|
}
|
|
|
|
return (
|
|
<Rhform form={form} onSubmit={handleSubmit}>
|
|
<FieldGroup>
|
|
<RhfTextField
|
|
name="name"
|
|
label="Name"
|
|
placeholder="e.g. Mechanical"
|
|
required
|
|
/>
|
|
<RhfSelectField
|
|
name="assignment_type"
|
|
label="Assignment Type"
|
|
placeholder="Select assignment type"
|
|
options={[...DEPARTMENT_ASSIGNMENT_TYPE_OPTIONS]}
|
|
/>
|
|
<Button type="submit" disabled={form.formState.isSubmitting}>
|
|
<Plus />
|
|
{form.formState.isSubmitting ? "Creating..." : "Create Department"}
|
|
</Button>
|
|
</FieldGroup>
|
|
</Rhform>
|
|
)
|
|
}
|