diff --git a/src/components/master/CreateExpense.jsx b/src/components/master/CreateExpense.jsx new file mode 100644 index 00000000..e941a922 --- /dev/null +++ b/src/components/master/CreateExpense.jsx @@ -0,0 +1,72 @@ + +import React from 'react' +import { useForm } from 'react-hook-form'; +import { z } from 'zod'; +import { zodResolver } from '@hookform/resolvers/zod'; +import { useCreateExpenseType } from '../../hooks/masterHook/useMaster'; + + +const ExpnseSchema = z.object({ + name: z.string().min(1, { message: "Name is required" }), + noOfPersonsRequired: z.boolean().default(false), + description: z.string().min(1, { message: "Description is required" }), +}); + + +const CreateExpense = ({onClose}) => { + const {register,handleSubmit,formState : {errors}} = useForm({ + resolver:zodResolver(ExpnseSchema), + defaultValues:{name:"",noOfPersonsRequired:false,description:""} + }) + const {mutate:CreateExpenseType,isPending} = useCreateExpenseType(()=>onClose?.()) + + const onSubmit = (payload) => { + CreateExpenseType(payload) + }; + + return ( +
+ ) +} + +export default CreateExpense \ No newline at end of file diff --git a/src/components/master/MasterModal.jsx b/src/components/master/MasterModal.jsx index 13ca0e7c..4ea449c7 100644 --- a/src/components/master/MasterModal.jsx +++ b/src/components/master/MasterModal.jsx @@ -17,6 +17,7 @@ import CreateContactTag from "./CreateContactTag"; import EditContactCategory from "./EditContactCategory"; import EditContactTag from "./EditContactTag"; import { useDeleteMasterItem } from "../../hooks/masterHook/useMaster"; +import CreateExpense from "./createExpense"; const MasterModal = ({ modaldata, closeModal }) => { @@ -88,6 +89,7 @@ const MasterModal = ({ modaldata, closeModal }) => { "Edit-Contact Category":