import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout"; import {Head, useForm} from "@inertiajs/react"; import {IAllergy, IMeal, PageProps} from "@/types"; import PrimaryButton from "@/Components/PrimaryButton"; import React, {useState} from "react"; import AllergenesComponents from "@/Components/Allergens"; import InputError from "@/Components/InputError"; export default function Edit({ auth, meal, allergies, }: PageProps<{ meal: IMeal; allergies: IAllergy[]; }>) { const { data, setData, patch, errors, processing, } = useForm({ id: meal.id, name: meal.name, type: meal.type, energy_kcal: meal.energy_kcal, energy_kj: meal.energy_kj, protein: meal.nutritions.protein, fat: meal.nutritions.fat, saturated_fat: meal.nutritions.saturated_fat, carbohydrate: meal.nutritions.carbohydrate, sugar: meal.nutritions.sugar, salt: meal.nutritions.salt, allergens: meal.allergens, }); const handleChange = ( e: React.ChangeEvent ) => { const {name, value} = e.target; setData(name as keyof typeof data, value); }; const handleNutritionChange = (e: React.ChangeEvent) => { const {name, value} = e.target; setData(name as keyof typeof data, parseFloat(value)); }; const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); patch(route("admin.meals.update", {id: meal.id})); }; return (
Mentés
{allergies.map((allergy, index) => { const IconComponent = AllergenesComponents[allergy.componentName]; return (
{allergy.number} {allergy.title}
); })}
); }