Edit
<Create isLoading={formLoading} saveButtonProps={{ size: "small", onClick: async (e) => { const formData = getValues(); formData["production_role"] = selected_roles; let mutated = { movie: { uuid: selected_movie }, production_member: { uuid: selected_production_member }, production_role: formData.production_role, }; mutate( { resource: "movie production member role", values: { edges: { ...mutated } }, }, { onSuccess: (res) => { console.log(res); Router.push("/movie_production_member_role"); }, } ); }, }}><Box component="form" sx={{ display: "flex", flexDirection: "column", gap: 2 }} autoComplete="off"><Box sx={{ display: "flex", gap: 2, flexDirection: "column" }}><Typography>Movie</Typography><Select onChange={(e) => setselected_movie(e.target.value)}>{movies && movies.map((movie: any) => (<MenuItem key={movie.uuid} value={movie.uuid}>{movie.title}</MenuItem>))}</Select></Box><Box sx={{ display: "flex", gap: 2, flexDirection: "column" }}><Typography>Production Member</Typography><Select onChange={(e) => setselected_production_member(e.target.value)}>{production_members && production_members.map((e: any) => (<MenuItem value={e.uuid}>{e.name}</MenuItem>))}</Select></Box><Box sx={{ display: "flex", flexDirection: "column", gap: 5 }}><Box sx={{ display: "flex", flexDirection: "column", gap: 2, flexWrap: "wrap" }}><Typography>Selected Roles</Typography>{console.log(selected_roles)}{selected_roles && (<Box sx={{ paddingY: 3, paddingX: 2, borderRadius: 5, border: 1, display: "flex", gap: 2, flexWrap: "wrap" }}>{selected_roles.map((e: any) => (<Chip label={e.name} onDelete={() => Delchip(e, setproduction_roles, setselected_roles)} />))}</Box>)}</Box>{production_roles && (<Box sx={{ display: "flex", flexDirection: "column", gap: 2, flexWrap: "wrap" }}><Typography>Roles</Typography><Box sx={{ display: "flex", gap: 2 }}>{production_roles.map((e: any) => (<Chip
generate code for Edit @kapa.ai by using this
generate code for Edit @kapa.ai by using this
