import Icons from "@/components/ui/icons"; import Modal from "@/components/ui/modal"; import { useZForm } from "@/hooks/useZForm"; import { createDisclosure } from "@/lib/utils"; import React from "react"; import { ScrollView, XStack } from "tamagui"; import FormField from "@/components/ui/form"; import { ErrorAlert } from "@/components/ui/alert"; import Button from "@/components/ui/button"; import { SetRoleSchema, setRoleSchema, teamMemberRoles, } from "../schema/team-form"; import { SelectField } from "@/components/ui/select"; import { useSetRoleMutation } from "../hooks/query"; export const changeRoleModal = createDisclosure(); const ChangeRoleForm = () => { const { data } = changeRoleModal.use(); const form = useZForm(setRoleSchema, data); const setRole = useSetRoleMutation(data?.teamId || ""); const onSubmit = form.handleSubmit((values) => { setRole.mutate(values, { onSuccess: () => { changeRoleModal.onClose(); form.reset(); }, }); }); return ( ); }; export default ChangeRoleForm;