diff --git a/src/components/Tables/inquiries/ChangeStatusForm.tsx b/src/components/Tables/inquiries/ChangeStatusForm.tsx new file mode 100644 index 0000000..d5d6c50 --- /dev/null +++ b/src/components/Tables/inquiries/ChangeStatusForm.tsx @@ -0,0 +1,76 @@ +"use client"; +import InputGroup from "@/components/FormElements/InputGroup"; +import { TextAreaGroup } from "@/components/FormElements/InputGroup/text-area"; +import { Select } from "@/components/FormElements/select"; +import FormFooter from "@/components/ui/FormFooter"; +import { INQUIRY_STATUS } from "@/constants/enums"; +import { TChangeInquiryStatusCredentials } from "@/lib/api"; +import { useForm } from "react-hook-form"; + +interface ChangeStatusFormProps { + onSubmit: (data: TChangeInquiryStatusCredentials) => void; + onCancel: () => void; + currentStatus: string; + isSubmitting?: boolean; +} + +const ChangeStatusForm = ({ + onSubmit, + onCancel, + currentStatus, + isSubmitting, +}: ChangeStatusFormProps) => { + const { + register, + handleSubmit, + formState: { errors }, + } = useForm({ + defaultValues: { + status: currentStatus as any, + reason: "", + description: "", + }, + }); + + const statusOptions = Object.values(INQUIRY_STATUS).map((status) => ({ + label: status.charAt(0).toUpperCase() + status.slice(1), + value: status, + })); + + return ( +
+