diff --git a/src/components/master/EditContactTag.jsx b/src/components/master/EditContactTag.jsx new file mode 100644 index 00000000..1c0f71d1 --- /dev/null +++ b/src/components/master/EditContactTag.jsx @@ -0,0 +1,126 @@ +import React,{useState,useEffect} from 'react' +import {useForm} from 'react-hook-form'; +import { z } from 'zod'; +import { zodResolver } from '@hookform/resolvers/zod'; +import { MasterRespository } from '../../repositories/MastersRepository'; +import { clearApiCacheKey } from '../../slices/apiCacheSlice'; +import { getCachedData,cacheData } from '../../slices/apiDataManager'; +import showToast from '../../services/toastService'; + + +const schema = z.object({ + name: z.string().min(1, { message: "Tag name is required" }), + description: z.string().min(1, { message: "Description is required" }) + .max(255, { message: "Description cannot exceed 255 characters" }), +}); + +const EditContactTag= ({data,onClose}) => { + + const[isLoading,setIsLoading] = useState(false) + const { + register, + handleSubmit, + formState: { errors },reset + + } = useForm({ + resolver: zodResolver(schema), + defaultValues: { + name: data?.name || "", + description:data?.description || "", + + }, + }); + + const onSubmit = (formdata) => { + setIsLoading(true) + const result = { + id:data?.id, + name: formdata?.name, + description: formdata.description, + }; + + + + MasterRespository.updateContactTag(data?.id,result).then((resp)=>{ + setIsLoading(false) + showToast("Contact Tag Updated successfully.", "success"); + const cachedData = getCachedData("Contact Tag"); + if (cachedData) { + + const updatedData = cachedData.map((category) => + category.id === data?.id ? { ...category, ...resp.data } : category + ); + cacheData("Contact Tag", updatedData); + } + + onClose() + }).catch((error)=>{ + showToast(error?.response?.data?.message, "error") + setIsLoading(false) + }) + + }; + const resetForm = () => { + reset({ + name: "", + description: "" + }); + setDescriptionLength(0); + } + + useEffect(()=>{ + return ()=>resetForm() + },[]) + + const [descriptionLength, setDescriptionLength] = useState(0); + const maxDescriptionLength = 255; + return (<> +
+ + > + ) +} + +export default EditContactTag; \ No newline at end of file diff --git a/src/components/master/MasterModal.jsx b/src/components/master/MasterModal.jsx index d7e32142..fc8209fe 100644 --- a/src/components/master/MasterModal.jsx +++ b/src/components/master/MasterModal.jsx @@ -15,6 +15,7 @@ import CreateWorkCategory from "./CreateWorkCategory"; import EditWorkCategory from "./EditWorkCategory"; import CreateCategory from "./CreateContactCategory"; import CreateContactTag from "./CreateContactTag"; +import EditContactTag from "./EditContactTag"; const MasterModal = ({ modaldata, closeModal }) => { @@ -23,7 +24,6 @@ const MasterModal = ({ modaldata, closeModal }) => { const handleSelectedMasterDeleted = async () => { const deleteFn = MasterRespository[modaldata.masterType]; - if (!deleteFn) { showToast(`No delete strategy defined for master type`,"error"); return false; @@ -135,6 +135,9 @@ const MasterModal = ({ modaldata, closeModal }) => { {modaldata.modalType === "Contact Tag" && (