src/components/master/EditContactCategory.jsx

@@ -1,126 +0,0 @@
-import React, { useEffect,useState } 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: "Category name is required" }),
-  description: z.string().min(1, { message: "Description is required" })
-  .max(255, { message: "Description cannot exceed 255 characters" }),
-});
-
-const EditContactCategory= ({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.updateContactCategory(data?.id,result).then((resp)=>{
-        setIsLoading(false) 
-        showToast("Contact Category Updated successfully.", "success");
-        const cachedData = getCachedData("Contact Category");
-        if (cachedData) {
-
-          const updatedData = cachedData.map((category) =>
-            category.id === data?.id ? { ...category, ...resp.data } : category
-          );
-          cacheData("Contact Category", 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 (<>
-    <form  className="row g-2" onSubmit={handleSubmit(onSubmit)}>
-        <div className="col-12 col-md-12">
-          <label className="form-label">Category Name</label>
-          <input type="text" 
-           {...register("name")} 
-             className={`form-control ${errors.name ? 'is-invalids' : ''}`}
-          />
-          {errors.name && <p className="text-danger">{errors.name.message}</p>}
-        </div> 
-        <div className="col-12 col-md-12">
-          <label className="form-label" htmlFor="description">Description</label>
-        <textarea
-          rows="3"
-          {...register("description")}
-          className={`form-control ${errors.description ? 'is-invalids' : ''}`}
-          onChange={(e) => {
-            setDescriptionLength(e.target.value.length);
-            register("description").onChange(e);
-          }}
-        ></textarea>
-        <div className="text-end small text-muted">
-          {maxDescriptionLength - descriptionLength} characters left
-        </div>
-          {errors.description && (
-            <p className="text-danger">{errors.description.message}</p>
-          )}
-        </div>
-
-        <div className="col-12 text-center">
-        <button type="submit" className="btn btn-sm btn-primary me-3">           
-         {isLoading? "Please Wait...":"Submit"}       
-        </button>
-        <button
-          type="reset"
-          className="btn btn-sm btn-label-secondary "
-          data-bs-dismiss="modal"
-          aria-label="Close"
-        >
-          Cancel
-        </button>
-      </div>
-     
-    </form>
- 
-    </>
-  )
-}
-
-export default EditContactCategory;

src/components/master/MasterModal.jsx

@@ -15,7 +15,6 @@ import CreateWorkCategory from "./CreateWorkCategory";
 import EditWorkCategory from "./EditWorkCategory";
 import CreateCategory from "./CreateContactCategory";
 import CreateContactTag from "./CreateContactTag";
-import EditContactCategory from "./EditContactCategory";
 
 
 const MasterModal = ({ modaldata, closeModal }) => {
@@ -132,9 +131,6 @@ const MasterModal = ({ modaldata, closeModal }) => {
             )}
             {modaldata.modalType === "Contact Category" && (
               <CreateCategory data={modaldata.item} onClose={closeModal} />
-            )}
-             {modaldata.modalType === "Edit-Contact Category" && (
-              <EditContactCategory data={modaldata.item} onClose={closeModal} />
             )}
              {modaldata.modalType === "Contact Tag" && (
               <CreateContactTag data={modaldata.item} onClose={closeModal} />

src/repositories/MastersRepository.jsx

@@ -50,7 +50,7 @@ export const MasterRespository = {
   
   getContactCategory: () => api.get( `/api/master/contact-categories` ),
   createContactCategory: (data ) => api.post( `/api/master/contact-category`, data ),
-  updateContactCategory: ( id, data ) => api.post( `/api/master/contact-category/edit/${ id }`, data ),
+  updateContactCategory: ( id, data ) => api.post( `/api/master/contact-category/${ id }`, data ),
   
   getContactTag: () => api.get( `/api/master/contact-tags` ),
   createContactTag: (data ) => api.post( `/api/master/contact-tag`, data ),