import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout"; import { PageProps } from "@/types"; import { Head, useForm } from "@inertiajs/react"; import React, { useState } from "react"; import TextInput from "@/Components/TextInput"; import InputError from "@/Components/InputError"; import PrimaryButton from "@/Components/PrimaryButton"; import InputLabel from "@/Components/InputLabel"; export default function Create({ auth }: PageProps) { const { setData, post, errors } = useForm<{ file: string | File }>({ file: "", }); const [processing, setProcessing] = useState(false); function submit(e: React.FormEvent) { e.preventDefault(); setProcessing(true); post(route("admin.meals.store"), { forceFormData: true, onFinish: () => setProcessing(false), }); } function handleFileChange(e: React.ChangeEvent) { e.preventDefault(); if (e.currentTarget.files) { setData("file", e.currentTarget.files[0]); } } return ( ); }