import { IKid, IUser, PageProps } from "@/types"; import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout"; import { Head, useForm } from "@inertiajs/react"; import InputLabel from "@/Components/InputLabel"; import TextInput from "@/Components/TextInput"; import InputError from "@/Components/InputError"; import { FormEventHandler } from "react"; import PrimaryButton from "@/Components/PrimaryButton"; import SelectInput from "@/Components/SelectInput"; export interface IPriceCategory { id: number; name: string; } export default function Edit({ auth, kid, users, priceCategories, }: PageProps<{ kid: IKid; users: IUser[]; priceCategories: IPriceCategory[]; }>) { const { data, setData, patch, errors, processing } = useForm({ full_name: kid.full_name, active_from: kid.active_from, active_to: kid.active_to, user_id: kid.user?.id || 0, price_category_id: kid.price_category?.id, }); const userOptions = users.map((user) => ({ value: user.id, label: user.full_name, })); const pirceCategoriesOpions = priceCategories.map((priceCat) => ({ value: priceCat.id, label: priceCat.name, })); const submit: FormEventHandler = (e) => { e.preventDefault(); patch(route("admin.kids.update", kid.id)); }; return (

setData("full_name", e.target.value) } />

setData("user_id", Number(e.target.value)) } options={userOptions} />

setData("active_from", e.target.value) } />

setData("active_to", e.target.value) } />

setData( "price_category_id", Number(e.target.value) ) } options={pirceCategoriesOpions} />

Mentés

); }