Movie Update Form - Copy this React, Tailwind Component to your project

Const handleSubmitEdit = async (values: any) => { if (thumbFileList.length === 0) { message.error("Please upload a thumbnail."); return; } setLoading(true); const formData = new FormData(); formData.append("name", values.name); formData.append("origin_name", values.origin_name); formData.append("description", values.description); formData.append("time", values.movie_time); formData.append("year", values.year); formData.append("price", values.price); formData.append("video", values.video); formData.append("trailer", values.trailer); formData.append("quality", values.quality); // Append category and country arrays values.category.forEach((cat: string) => formData.append("category[]", cat)); values.country.forEach((cnt: string) => formData.append("country[]", cnt)); // Append thumbnail file formData.append("thumbnail", thumbFileList[0].originFileObj); // Debugging log formData content for (let [key, value] of formData.entries()) { console.log(`${key}: ${value}`); } try { await instance.put(`/movie/update/${id}`, formData, { headers: { "Content Type": "multipart/form data", }, }); message.success("Movie updated successfully!"); form.resetFields(); setThumbFileList([]); navigate("/admin/movies"); } catch (error) { console.log("Error during movie update", error); message.error("Cannot update the movie. Please check the input fields."); } finally { setLoading(false); } };