update

src/pages/master/aldeias/blocks/AddDialog.tsx

@@ -78,6 +78,24 @@ const AddDialog = () => {
     [formField]
   );
 
+  const doFetchSucos = async (sorting: any) => {
+    try {
+      sorting = sorting.length == 0 ? [{ id: 'name', desc: false }] : sorting;
+      const response = await GetData(`${API_URL}/sucos/list`, {
+        limit: 1000,
+        page: 1,
+        with_deleted: false,
+        order_field: sorting[0].id,
+        order_direction: sorting[0].desc == false ? 'ASC' : 'DESC'
+      });
+
+      // console.log('SUCOS', response?.data);
+      setSucos(response?.data.list);
+    } catch (error) {
+      console.error('Error fetching municipios', error);
+    }
+  };
+
   const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
 
@@ -102,25 +120,7 @@ const AddDialog = () => {
   }, [formattedTime]);
 
   useEffect(() => {
-    const fetchSucos = async (sorting: any) => {
+    doFetchSucos([{ id: 'name', desc: false }]);
-      try {
-        sorting = sorting.length == 0 ? [{ id: 'name', desc: false }] : sorting;
-        const response = await GetData(`${API_URL}/sucos/list`, {
-          limit: 100,
-          page: 1,
-          with_deleted: false,
-          order_field: sorting[0].id,
-          order_direction: sorting[0].desc == false ? 'ASC' : 'DESC'
-        });
-
-        // console.log('SUCOS', response?.data);
-        setSucos(response?.data.list);
-      } catch (error) {
-        console.error('Error fetching municipios', error);
-      }
-    };
-
-    fetchSucos([{ id: 'name', desc: false }]);
   }, []);
 
   useEffect(() => {

src/pages/master/aldeias/blocks/EditDialog.tsx

@@ -77,6 +77,42 @@ const EditDialog = () => {
     [selectedAldeias, formField]
   );
 
+  const doFetchSucos = async (sorting: any) => {
+    try {
+      sorting = sorting.length == 0 ? [{ id: 'name', desc: false }] : sorting;
+      const response = await GetData(`${API_URL}/sucos/list`, {
+        limit: 1000,
+        page: 1,
+        with_deleted: false,
+        order_field: sorting[0].id,
+        order_direction: sorting[0].desc == false ? 'ASC' : 'DESC'
+      });
+
+      // console.log('SUCOS', response?.data);
+      setSucos(response?.data.list);
+    } catch (error) {
+      console.error('Error fetching municipios', error);
+    }
+  };
+
+  const doFetchData = useCallback(async (id: string) => {
+    const response = await GetData(`${API_URL}/aldeias/getdata/${id}`, { id });
+
+    if (response?.status) {
+      setFormField((prev) => ({
+        ...prev,
+        name: response.data.name,
+        sucos_id: response.data.sucos.id
+      }));
+    } else {
+      setFormField((prev) => ({
+        ...prev,
+        name: '',
+        sucos_id: 0
+      }));
+    }
+  }, []);
+
   const handleUpdate = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
 
@@ -90,6 +126,18 @@ const EditDialog = () => {
     setAlert({ show: false, message: '' });
   };
 
+  useEffect(() => {
+    if (selectedAldeias) {
+      doFetchData(selectedAldeias);
+    }
+  }, [selectedAldeias]);
+
+  useEffect(() => {
+    if (showEditDialog === false) {
+      resetForm();
+    }
+  }, [showEditDialog]);
+
   useEffect(() => {
     if (showEditDialog) {
       setFormField({
@@ -101,25 +149,7 @@ const EditDialog = () => {
   }, [formattedTime]);
 
   useEffect(() => {
-    const fetchSucos = async (sorting: any) => {
+    doFetchSucos([{ id: 'name', desc: false }]);
-      try {
-        sorting = sorting.length == 0 ? [{ id: 'name', desc: false }] : sorting;
-        const response = await GetData(`${API_URL}/sucos/list`, {
-          limit: 100,
-          page: 1,
-          with_deleted: false,
-          order_field: sorting[0].id,
-          order_direction: sorting[0].desc == false ? 'ASC' : 'DESC'
-        });
-
-        // console.log('SUCOS', response?.data);
-        setSucos(response?.data.list);
-      } catch (error) {
-        console.error('Error fetching municipios', error);
-      }
-    };
-
-    fetchSucos([{ id: 'name', desc: false }]);
   }, []);
 
   return (

src/pages/master/aldeias/hooks/ManageAldeiasContext.tsx

@@ -142,15 +142,17 @@ const ManageAldeiasContextProvider = ({ children }: { children: React.ReactNode
 
   const getAldeiasLists = async (page: number, limit: number, sorting: any, filter: any) => {
     try {
+      sorting = sorting.length == 0 ? [{ id: 'name', desc: false }] : sorting;
+      filter = filter.length == 0 ? {} : { any: filter[0].value?.toLowerCase() };
       const response = await GetData(`${API_URL}/aldeias/list`, {
         limit,
         page: page + 1,
-        with_deleted: true,
+        with_deleted: false,
         order_field: sorting[0].id,
         order_direction: sorting[0].desc == false ? 'ASC' : 'DESC',
         filter: JSON.stringify(filter)
       });
-      // console.log(response?.data);
+      console.log(response?.data);
       setAldeias(response?.data.list);
       return { data: response?.data.list, totalCount: response?.data.total_count };
     } catch (error) {

src/pages/master/municipios/blocks/AddDialog.tsx

@@ -42,6 +42,7 @@ const AddDialog = () => {
 
   const resetForm = () => {
     setFormField(initialState);
+    setAlert({ show: false, message: '' });
   };
 
   const doCreateMunicipio = useCallback(
@@ -72,7 +73,7 @@ const AddDialog = () => {
   const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
 
-    if (formField.name === '') {
+    if (formField.name.trim() === '') {
       setAlert({ show: true, message: 'Please fill name field.' });
       return;
     }

src/pages/master/municipios/blocks/EditDialog.tsx

@@ -25,7 +25,7 @@ const EditDialog = () => {
   const { showEditDialog, handleEditDialog, selectedMunicipios, municipios } =
     useManageMunicipiosContext();
   const { reload } = useDataGrid();
-  const { PutData } = useCallApi();
+  const { PutData, GetData } = useCallApi();
   const parsedUser = getAuth()?.user;
   const [alert, setAlert] = useState({
     show: false,
@@ -44,6 +44,7 @@ const EditDialog = () => {
 
   const resetForm = () => {
     setFormField(initialState);
+    setAlert({ show: false, message: '' });
   };
 
   const doUpdateMunicipios = useCallback(
@@ -74,28 +75,46 @@ const EditDialog = () => {
     [selectedMunicipios, formField]
   );
 
+  const doFetchData = useCallback(async (id: string) => {
+    const response = await GetData(`${API_URL}/municipios/getdata/${id}`, { id });
+
+    if (response?.status) {
+      setFormField((prev) => ({
+        ...prev,
+        name: response.data.name
+      }));
+    } else {
+      setFormField((prev) => ({
+        ...prev,
+        name: ''
+      }));
+    }
+  }, []);
+
   const handleUpdate = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
 
-    if (formField.name === '') {
+    if (formField.name.trim() === '') {
       setAlert({ show: true, message: 'Please fill name field.' });
       return;
     }
 
-    // setFormField({
-    //   name: formField.name,
-    //   created_by: parsedUser.email,
-    //   created_at: formattedTime
-    // });
-
     doUpdateMunicipios(e);
     console.log(formField);
     setAlert({ show: false, message: '' });
   };
 
-  // const doFetchMunicipios = useCallback(async (id: string) => {
+  useEffect(() => {
-  //   const response = await axios.get(`${API_URL}/municipios/${id}`);
+    if (selectedMunicipios) {
-  // }, []);
+      doFetchData(selectedMunicipios);
+    }
+  }, [selectedMunicipios]);
+
+  useEffect(() => {
+    if (showEditDialog === false) {
+      resetForm();
+    }
+  }, [showEditDialog]);
 
   useEffect(() => {
     if (selectedMunicipios) {
@@ -127,7 +146,9 @@ const EditDialog = () => {
               <div className="card-body grid gap-5">
                 <div className="w-full">
                   <div className="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
-                    <label className="form-label flex items-center gap-1 max-w-56">Name</label>
+                    <label className="form-label flex items-center gap-1 max-w-56">
+                      Name<span className="text-red-500">*</span>
+                    </label>
                     <Input
                       className="input"
                       type="text"

src/pages/master/municipios/blocks/ListToolbar.tsx

@@ -29,8 +29,8 @@ const ListToolbar = () => {
               <input
                 type="text"
                 placeholder="Search Municipios"
-                value={searchName}
+                value={(table.getColumn('name')?.getFilterValue() as string) ?? ''}
-                onChange={(event) => setSearchName(event.target.value)}
+                onChange={(event) => table.getColumn('name')?.setFilterValue(event.target.value)}
               />
             </label>
             <DefaultTooltip title={'Filter'} placement={'top'}>

src/pages/master/municipios/hooks/ManageMunicipiosContext.tsx

@@ -113,8 +113,9 @@ const ManageMunicipiosProvider = ({ children }: { children: React.ReactNode }) =
         }
       },
       {
-        accessorFn: (row) => row.name,
+        // accessorFn: (row) => row.name,
-        id: 'name',
+        // id: 'name',
+        accessorKey: 'name',
         header: ({ column }) => <DataGridColumnHeader title="Municipios Name" column={column} />,
         enableSorting: true,
         enableHiding: false,
@@ -159,73 +160,27 @@ const ManageMunicipiosProvider = ({ children }: { children: React.ReactNode }) =
     try {
       sorting = sorting.length == 0 ? [{ id: 'name', desc: false }] : sorting;
       filter = filter.length == 0 ? {} : { any: filter[0].value?.toLowerCase() };
-      const response = await axios.get(`${API_URL}/municipios/list`, {
+      const response = await GetData(`${API_URL}/municipios/list`, {
-        params: {
+        limit,
-          limit: limit,
+        page: page + 1,
-          page: page + 1,
+        with_deleted: false,
-          with_deleted: false,
+        order_field: sorting[0].id,
-          order_field: sorting[0].id,
+        order_direction: sorting[0].desc == false ? 'ASC' : 'DESC',
-          order_direction: sorting[0].desc == false ? 'ASC' : 'DESC'
+        filter: JSON.stringify(filter)
-        }
       });
-      // console.log(response.data);
+      // console.log(response?.data);
       // const sortedList = response.data.data.list.sort((a: MunicipiosProps, b: MunicipiosProps) => {
       //   if (a.name < b.name) return -1;
       //   if (a.name > b.name) return 1;
       //   return 0;
       // });
-      setMunicipios(response.data.data.list);
+      setMunicipios(response?.data.list);
-      return { data: response?.data.data.list, totalCount: response?.data.data.total_count };
+      return { data: response?.data.list, totalCount: response?.data.total_count };
     } catch (error) {
       console.error('Error fetching municipios', error);
     }
   };
 
-  const getPostoadmsByMunicipio = async (name: string) => {
-    try {
-      const response = await axios.get(`${API_URL}/municipios/postoadms/${name}`);
-      const data = response.data;
-      console.log(data);
-    } catch (error) {
-      console.error(`Error fetching municipios by ${name}`, error);
-    }
-  };
-
-  const createMunicipios = async (data: Partial<MunicipiosProps>) => {
-    try {
-      await axios.post(`${API_URL}/municipios/create`, data);
-      // getMunicipiosLists(10, 1, false, 'name', 'ASC');
-    } catch (error) {
-      console.error('Error creating municipios', error);
-    }
-  };
-
-  const updateMunicipios = async (id: number, data: Partial<MunicipiosProps>) => {
-    try {
-      await axios.put(`${API_URL}/update/${id}`, data);
-      // getMunicipiosLists(10, 1, false, 'name', 'ASC');
-    } catch (error) {
-      console.error('Error updating municipios', error);
-    }
-  };
-
-  const deleteMunicipios = async (id: number, hardDelete?: boolean) => {
-    try {
-      await axios.delete(`${API_URL}/delete/${id}/${hardDelete}`);
-      // getMunicipiosLists(10, 1, false, 'name', 'ASC');
-    } catch (error) {
-      console.error('Error deleting municipios', error);
-    }
-  };
-
-  const restoreMunicipios = async (id: number) => {
-    try {
-      await axios.put(`${API_URL}/restore/${id}`);
-      // getMunicipiosLists(10, 1, false, 'name', 'ASC');
-    } catch (error) {
-      console.error('Error restoring municipios', error);
-    }
-  };
   return (
     <ManageMunicipiosContext.Provider
       value={{

src/pages/master/postoadms/blocks/AddDialog.tsx

@@ -80,10 +80,28 @@ const AddDialog = () => {
     [formField]
   );
 
+  const doFetchMunicipios = async (sorting: any) => {
+    try {
+      sorting = sorting.length == 0 ? [{ id: 'name', desc: false }] : sorting;
+      const response = await GetData(`${API_URL}/municipios/list`, {
+        limit: 100,
+        page: 1,
+        with_deleted: false,
+        order_field: sorting[0].id,
+        order_direction: sorting[0].desc == false ? 'ASC' : 'DESC'
+      });
+
+      // console.log(response?.data);
+      setMunicipios(response?.data.list);
+    } catch (error) {
+      console.error('Error fetching municipios', error);
+    }
+  };
+
   const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
 
-    if (formField.name === '' || formField.municipio_id === 0) {
+    if (formField.name.trim() === '' || formField.municipio_id === 0) {
       setAlert({ show: true, message: 'Please fill in all required fields.' });
       return;
     }
@@ -110,25 +128,7 @@ const AddDialog = () => {
   }, [showAddDialog]);
 
   useEffect(() => {
-    const fetchMunicipios = async (sorting: any) => {
+    doFetchMunicipios([{ id: 'name', desc: false }]);
-      try {
-        sorting = sorting.length == 0 ? [{ id: 'name', desc: false }] : sorting;
-        const response = await GetData(`${API_URL}/municipios/list`, {
-          limit: 100,
-          page: 1,
-          with_deleted: false,
-          order_field: sorting[0].id,
-          order_direction: sorting[0].desc == false ? 'ASC' : 'DESC'
-        });
-
-        // console.log(response?.data);
-        setMunicipios(response?.data.list);
-      } catch (error) {
-        console.error('Error fetching municipios', error);
-      }
-    };
-
-    fetchMunicipios([{ id: 'name', desc: false }]);
   }, []);
 
   return (

src/pages/master/postoadms/blocks/EditDialog.tsx

@@ -80,10 +80,45 @@ const EditDialog = () => {
     [selectedPostoAdms, formField]
   );
 
+  const doFetchMunicipios = useCallback(async (sorting: any) => {
+    try {
+      sorting = sorting.length == 0 ? [{ id: 'name', desc: false }] : sorting;
+      const response = await GetData(`${API_URL}/municipios/list`, {
+        limit: 100,
+        page: 1,
+        with_deleted: false,
+        order_field: sorting[0].id,
+        order_direction: sorting[0].desc == false ? 'ASC' : 'DESC'
+      });
+
+      // console.log('MUNICIPIOS: ', response?.data);
+      setMunicipios(response?.data.list);
+    } catch (error) {
+      console.error('Error fetching municipios', error);
+    }
+  }, []);
+
+  const doFetchData = useCallback(async (id: string) => {
+    const response = await GetData(`${API_URL}/postoadms/getdata/${id}`, { id });
+
+    if (response?.status) {
+      setFormField((prev) => ({
+        ...prev,
+        name: response.data.name,
+        municipio_id: response.data.municipios.id
+      }));
+    } else {
+      setFormField((prev) => ({
+        ...prev,
+        name: ''
+      }));
+    }
+  }, []);
+
   const handleUpdate = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
 
-    if (formField.name === '' || formField.municipio_id === 0) {
+    if (formField.name.trim() === '' || formField.municipio_id === 0) {
       setAlert({ show: true, message: 'Please fill in all required fields.' });
       return;
     }
@@ -93,6 +128,18 @@ const EditDialog = () => {
     setAlert({ show: false, message: '' });
   };
 
+  useEffect(() => {
+    if (showEditDialog === false) {
+      resetForm();
+    }
+  }, [showEditDialog]);
+
+  useEffect(() => {
+    if (selectedPostoAdms) {
+      doFetchData(selectedPostoAdms);
+    }
+  }, [selectedPostoAdms]);
+
   useEffect(() => {
     if (selectedPostoAdms) {
       setFormField({
@@ -104,25 +151,7 @@ const EditDialog = () => {
   }, [formattedTime]);
 
   useEffect(() => {
-    try {
+    doFetchMunicipios([{ id: 'name', desc: false }]);
-      const fetchMunicipios = async (sorting: any) => {
-        sorting = sorting.length == 0 ? [{ id: 'name', desc: false }] : sorting;
-        const response = await GetData(`${API_URL}/municipios/list`, {
-          limit: 100,
-          page: 1,
-          with_deleted: false,
-          order_field: sorting[0].id,
-          order_direction: sorting[0].desc == false ? 'ASC' : 'DESC'
-        });
-
-        // console.log(response?.data);
-        setMunicipios(response?.data.list);
-      };
-
-      fetchMunicipios([{ id: 'name', desc: false }]);
-    } catch (error) {
-      console.error('Error fetching municipios', error);
-    }
   }, []);
 
   // console.log(selectedPostoAdms);

src/pages/master/postoadms/blocks/ListToolbar.tsx

@@ -17,9 +17,9 @@ const ListToolbar = () => {
               <input
                 type="text"
                 placeholder="Search Postu"
-                value={(table.getColumn('posto_adms_name')?.getFilterValue() as string) ?? ''}
+                value={(table.getColumn('PostoAdms_name')?.getFilterValue() as string) ?? ''}
                 onChange={(event) =>
-                  table.getColumn('posto_adms_name')?.setFilterValue(event.target.value)
+                  table.getColumn('PostoAdms_name')?.setFilterValue(event.target.value)
                 }
               />
             </label>

src/pages/master/postoadms/blocks/SearchDialog.tsx

@@ -83,7 +83,7 @@ const SearchDialog = () => {
     setIsFound(false);
     setSucos([]);
   };
-  
+
   return (
     <Dialog open={showSearchDialog} onOpenChange={handleSearchDialog}>
       <DialogContent className="container-fixed max-w-[700px] flex flex-col p-5 overflow-hidden [&>button]:hidden">
@@ -128,17 +128,17 @@ const SearchDialog = () => {
                       <CommandGroup>
                         {postoAdms.map((postoAdm) => (
                           <CommandItem
-                            key={postoAdm.posto_adms_id}
+                            key={postoAdm.PostoAdms_id}
-                            value={postoAdm.posto_adms_name}
+                            value={postoAdm.PostoAdms_name}
                             onSelect={() => {
                               setFormField({
-                                id: postoAdm.posto_adms_id,
+                                id: postoAdm.PostoAdms_id,
-                                name: postoAdm.posto_adms_name
+                                name: postoAdm.PostoAdms_name
                               });
                               setOpen(false);
                             }}
                           >
-                            {postoAdm.posto_adms_name}
+                            {postoAdm.PostoAdms_name}
                           </CommandItem>
                         ))}
                       </CommandGroup>

src/pages/master/postoadms/hooks/ManagePostoAdmsContext.tsx

@@ -9,8 +9,8 @@ import ListToolbar from '../blocks/ListToolbar';
 import { useCallApi } from '@/hooks';
 
 interface PostoAdmsProps {
-  posto_adms_id: number;
+  PostoAdms_id: number;
-  posto_adms_name: string;
+  PostoAdms_name: string;
   municipios_name: string;
 }
 
@@ -84,8 +84,9 @@ const ManagePostoAdmsContextProvider = ({ children }: { children: React.ReactNod
   const columns = useMemo<ColumnDef<any>[]>(
     () => [
       {
-        accessorFn: (row) => row.posto_adms_id,
+        // accessorFn: (row) => row.PostoAdms_id,
-        id: 'id',
+        // id: 'PostoAdms_id',
+        accessorKey: 'PostoAdms_id',
         header: ({ column }) => <DataGridColumnHeader title="ID" column={column} />,
         enableSorting: true,
         enableHiding: false,
@@ -96,7 +97,7 @@ const ManagePostoAdmsContextProvider = ({ children }: { children: React.ReactNod
       {
         // accessorFn: (row) => row.posto_adms_name,
         // id: 'posto_adms_name',
-        accessorKey: 'posto_adms_name',
+        accessorKey: 'PostoAdms_name',
         header: ({ column }) => (
           <DataGridColumnHeader title="Posto Administrativo Name" column={column} />
         ),
@@ -127,13 +128,13 @@ const ManagePostoAdmsContextProvider = ({ children }: { children: React.ReactNod
             <>
               <button
                 className="btn btn-sm btn-icon btn-clear btn-light"
-                onClick={() => handleEditDialog(true, row.posto_adms_id)}
+                onClick={() => handleEditDialog(true, row.PostoAdms_id)}
               >
                 <KeenIcon icon="notepad-edit" />
               </button>
               <button
                 className="btn btn-sm btn-icon btn-clear btn-light"
-                onClick={() => handleDeleteDialog(true, row.posto_adms_id)}
+                onClick={() => handleDeleteDialog(true, row.PostoAdms_id)}
               >
                 <KeenIcon icon="trash" />
               </button>
@@ -151,16 +152,17 @@ const ManagePostoAdmsContextProvider = ({ children }: { children: React.ReactNod
 
   const getPostoAdmsLists = async (page: number, limit: number, sorting: any, filter: any) => {
     try {
-      sorting: sorting.length == 0 ? [{ id: 'name', desc: false }] : sorting;
+      sorting = sorting.length == 0 ? [{ id: 'name', desc: false }] : sorting;
       filter = filter.length == 0 ? {} : { any: filter[0].value?.toLowerCase() };
       const response = await GetData(`${API_URL}/postoadms/list`, {
         limit,
         page: page + 1,
         with_deleted: false,
         order_field: sorting[0].id,
-        order_direction: sorting[0].desc ? 'DESC' : 'ASC'
+        order_direction: sorting[0].desc ? 'DESC' : 'ASC',
+        filter: JSON.stringify(filter)
       });
-      // console.log(response.data);
+      console.log(response?.data);
       // const sortedList = response.data.data.list.sort((a: PostoAdmsProps, b: PostoAdmsProps) => {
       //   if (a.name < b.name) return -1;
       //   if (a.name > b.name) return 1;

src/pages/master/products/blocks/AddDialog.tsx

@@ -71,15 +71,15 @@ const AddDialog = () => {
     e.preventDefault();
 
     if (
-      formField.name === '' ||
+      formField.name.trim() === '' ||
-      formField.description === '' ||
+      formField.description.trim() === '' ||
       formField.price_point === 0 ||
       formField.price_cash === 0 ||
       formField.cashback_point === 0 ||
       formField.cashback_cash === 0 ||
-      formField.status === '' ||
+      formField.status.trim() === '' ||
-      formField.created_by === '' ||
+      formField.created_by.trim() === '' ||
-      formField.created_at === ''
+      formField.created_at.trim() === ''
     ) {
       setAlert({ show: true, message: 'Please fill in all required fields.' });
       return;

src/pages/master/products/blocks/EditDialog.tsx

@@ -20,7 +20,7 @@ const API_URL = apiConfig.service_master_data;
 const EditDialog = () => {
   const { showEditDialog, handleEditDialog, selectedProducts } = useManageProductsContext();
   const { reload } = useDataGrid();
-  const { PutData } = useCallApi();
+  const { PutData, GetData } = useCallApi();
   const parsedUser = getAuth()?.user;
   const created_time = new Date();
   const formattedTime = created_time.toISOString().slice(0, 19).replace('T', ' ');
@@ -66,19 +66,38 @@ const EditDialog = () => {
     [selectedProducts, formField]
   );
 
+  const doFetchData = useCallback(async (id: string) => {
+    const response = await GetData(`${API_URL}/product/getdata/${selectedProducts}`, { id });
+
+    if (response?.status) {
+      setFormField((prev) => ({
+        ...prev,
+        name: response.data.name,
+        description: response.data.description,
+        price_point: response.data.price_point,
+        price_cash: response.data.price_cash,
+        cashback_point: response.data.cashback_point,
+        cashback_cash: response.data.cashback_cash,
+        status: response.data.status
+      }));
+    } else {
+      setFormField(initialState);
+    }
+  }, []);
+
   const handleUpdate = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
 
     if (
-      formField.name === '' ||
+      formField.name.trim() === '' ||
-      formField.description === '' ||
+      formField.description.trim() === '' ||
       formField.price_point === 0 ||
       formField.price_cash === 0 ||
       formField.cashback_point === 0 ||
       formField.cashback_cash === 0 ||
       formField.status === '' ||
-      formField.updated_by === '' ||
+      formField.updated_by.trim() === '' ||
-      formField.updated_at === ''
+      formField.updated_at.trim() === ''
     ) {
       setAlert({ show: true, message: 'Please fill in all required fields.' });
       return;
@@ -89,6 +108,18 @@ const EditDialog = () => {
     setAlert({ show: false, message: '' });
   };
 
+  useEffect(() => {
+    if (showEditDialog === false) {
+      resetForm();
+    }
+  }, [showEditDialog]);
+
+  useEffect(() => {
+    if (selectedProducts) {
+      doFetchData(selectedProducts);
+    }
+  }, [selectedProducts]);
+
   useEffect(() => {
     if (showEditDialog) {
       setFormField({

src/pages/master/profession/blocks/AddDialog.tsx

@@ -61,7 +61,7 @@ const AddDialog = () => {
   const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
 
-    if (formField.name === '') {
+    if (formField.name.trim() === '') {
       setAlert({ show: true, message: 'Please fill name field.' });
       return;
     }

src/pages/master/profession/blocks/EditDialog.tsx

@@ -65,7 +65,7 @@ const EditDialog = () => {
   const handleUpdate = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
 
-    if (formField.name === '') {
+    if (formField.name.trim() === '') {
       setAlert({ show: true, message: 'Please fill name field.' });
       return;
     }

src/pages/master/provider/blocks/AddDialog.tsx

@@ -100,12 +100,12 @@ const AddDialog = () => {
     e.preventDefault();
 
     if (
-      formField.name === '' ||
+      formField.name.trim() === '' ||
-      formField.description === '' ||
+      formField.description.trim() === '' ||
-      formField.type === '' ||
+      formField.type.trim() === '' ||
-      formField.status === '' ||
+      formField.status.trim() === '' ||
-      formField.transactionTypeId === '' ||
+      formField.transactionTypeId.trim() === '' ||
-      formField.agentId === ''
+      formField.agentId.trim() === ''
     ) {
       setAlert({ show: true, message: 'Please fill in all required fields.' });
       return;

src/pages/master/provider/blocks/EditDialog.tsx

@@ -114,12 +114,12 @@ const EditDialog = () => {
     e.preventDefault();
 
     if (
-      formField.name === '' ||
+      formField.name.trim() === '' ||
-      formField.description === '' ||
+      formField.description.trim() === '' ||
-      formField.type === '' ||
+      formField.type.trim() === '' ||
-      formField.status === '' ||
+      formField.status.trim() === '' ||
-      formField.transactionTypeId === '' ||
+      formField.transactionTypeId.trim() === '' ||
-      formField.agentId === ''
+      formField.agentId.trim() === ''
     ) {
       setAlert({ show: true, message: 'Please fill in all required fields.' });
       return;

src/pages/master/sucos/blocks/AddDialog.tsx

@@ -80,7 +80,7 @@ const AddDialog = () => {
   const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
 
-    if (formField.name === '' || formField.posto_adm_id === 0) {
+    if (formField.name.trim() === '' || formField.posto_adm_id === 0) {
       setAlert({ show: true, message: 'Please fill in all required fields.' });
       return;
     }

src/pages/master/sucos/blocks/EditDialog.tsx

@@ -68,7 +68,7 @@ const EditDialog = () => {
   const handleUpdate = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
 
-    if (formField.name === '' || formField.posto_adm_id === 0) {
+    if (formField.name.trim() === '' || formField.posto_adm_id === 0) {
       setAlert({ show: true, message: 'Please fill in all required fields.' });
       return;
     }

src/pages/members/kyc/Kyc.tsx

@@ -8,6 +8,7 @@ import { useAuthContext } from '@/auth';
 import { apiConfig } from '@/config/api.config';
 import ConfirmDialog from '@/components/confirm';
 import axios from 'axios';
+import { toast } from 'sonner';
 const BASE_URL = apiConfig.service_customer;
 import CustomerDialog from '../manage-members/CustomerDetailModal';
 
@@ -128,10 +129,12 @@ const Kyc = () => {
       await fetchGroups();
       setDialogOpen(false)
       setIsDialogOpen(false)
+      toast.success('Success Update Kyc Member');
     } catch (error: any) {
       alert(error.message)
       setDialogOpen(false)
       setIsDialogOpen(false)
+      toast.error(error.message)
     }
   }
 

src/pages/members/manage-members/ManageMembers.tsx

@@ -7,6 +7,7 @@ import CustomerDialog from './CustomerDetailModal';
 import ConfirmDialog from '@/components/confirm';
 import { useAuthContext } from '@/auth';
 import { ScreenLoader } from '@/components';
+import { toast } from 'sonner';
 const BASE_URL = apiConfig.service_customer;
 
 const ManageMembers = () => {
@@ -99,10 +100,12 @@ const ManageMembers = () => {
       await fetchGroups();
       setDialogOpen(false)
       setIsDialogOpen(false)
+      toast.success('Success Update Member');
     } catch (error: any) {
       alert(error.message)
       setDialogOpen(false)
       setIsDialogOpen(false)
+      toast.error(error.message)
     }
   }
 

src/pages/menu/manage-menu/blocks/AddDIalog.tsx

@@ -12,13 +12,14 @@ import {
   DialogHeader,
   DialogTitle
 } from '@/components/ui/dialog';
+import { FormControl,NativeSelect } from "@mui/material";
 import { Input } from '@/components/ui/input';
 import { Button } from '@/components/ui/button';
 
 const API_URL = apiConfig.service_dashboard;
 const AddDialog = () => {
   const parentRef = useRef<any | null>(null);
-  const { showAddDialog, handleAddDialog } = useManageMenusContext();
+  const { showAddDialog, handleAddDialog, parents } = useManageMenusContext();
   const { reload } = useDataGrid();
   const { PostData } = useCallApi();
   const [alert, setAlert] = useState({
@@ -36,26 +37,7 @@ const AddDialog = () => {
   };
   const [formField, setFormField] = useState(initialState);
 
-  const doCreateMenu = useCallback(
+  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
-    async (e: React.FormEvent<HTMLFormElement>) => {
-      e.preventDefault();
-
-      const response = await PostData(`${API_URL}/menus/create`, formField);
-
-      if (response?.status) {
-        handleAddDialog(false);
-        resetForm();
-        toast.success('Success Create Menu');
-        reload();
-      } else {
-        toast.error('Failed Create Menu');
-        setAlert({ show: true, message: 'Failed Create Menu' });
-      }
-    },
-    [formField]
-  );
-
-  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
 
     if (
@@ -69,7 +51,17 @@ const AddDialog = () => {
       return;
     }
 
-    doCreateMenu(e);
+    const response = await PostData(`${API_URL}/menus/create`, formField);
+
+    if (response?.status) {
+      handleAddDialog(false);
+      resetForm();
+      toast.success('Success Create Menu');
+      reload();
+    } else {
+      toast.error('Failed Create Menu');
+      setAlert({ show: true, message: 'Failed Create Menu' });
+    }
     console.log(formField);
     setAlert({ show: false, message: '' });
   };
@@ -140,13 +132,24 @@ const AddDialog = () => {
 
                 <div className="w-full">
                   <div className="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
-                    <label className="form-label flex items-center gap-1 max-w-56">ID Parent</label>
+                    <label className="form-label flex items-center gap-1 max-w-56">Parent</label>
-                    <Input
+                    <FormControl fullWidth margin="dense">
-                      className="input"
+                      <NativeSelect
-                      type="text"
+                        defaultValue={30}
-                      value={formField.id_parent}
+                        value={formField.id_parent}
-                      onChange={(e) => setFormField({ ...formField, id_parent: e.target.value })}
+                        onChange={(e: any) => setFormField({ ...formField, id_parent: e.target.value })}
-                    />
+                        inputProps={{
+                          name: 'id_parent',
+                          id: 'uncontrolled-native',
+                        }}
+                      >
+                      {
+                        parents ? parents.map((el: any) => (
+                          <option key={el.id} value={el.id}>{el.name}</option>
+                        )) : ''
+                      }
+                      </NativeSelect>
+                    </FormControl>
                   </div>
                 </div>
 
@@ -185,12 +188,20 @@ const AddDialog = () => {
                     <label className="form-label flex items-center gap-1 max-w-56">
                       Status<span className="text-red-500">*</span>
                     </label>
-                    <Input
+                    <FormControl fullWidth margin="dense">
-                      className="input"
+                      <NativeSelect
-                      type="text"
+                        defaultValue={30}
-                      value={formField.status}
+                        value={formField.status}
-                      onChange={(e) => setFormField({ ...formField, status: e.target.value })}
+                        onChange={(e: any) => setFormField({ ...formField, status: e.target.value })}
-                    />
+                        inputProps={{
+                          name: 'status',
+                          id: 'uncontrolled-native',
+                        }}
+                      >
+                        <option value={"Y"}>Active</option>
+                        <option value={"N"}>Inactive</option>
+                      </NativeSelect>
+                    </FormControl>
                   </div>
                 </div>
 

src/pages/menu/manage-menu/blocks/DeleteDialog.tsx

@@ -10,7 +10,7 @@ import { Button } from '@/components/ui/button';
 
 const API_URL = apiConfig.service_dashboard;
 const DeleteDialog = () => {
-  const { showDeleteDialog, handleDeleteDialog, selectedMenu } = useManageMenusContext();
+  const { showDeleteDialog, handleDeleteDialog, selectedMenu }: any = useManageMenusContext();
   const { reload } = useDataGrid();
   const { DeleteData } = useCallApi();
   const [enforce, setEnforce] = useState(false);
@@ -19,9 +19,9 @@ const DeleteDialog = () => {
     message: ''
   });
 
-  const doDeleteMenu = useCallback(async () => {
+  const doDeleteMenu = async () => {
-    const response = await DeleteData(`${API_URL}/menus/delete/${selectedMenu}/${enforce}`, {
+    const response = await DeleteData(`${API_URL}/menus/delete/${selectedMenu.id}/${enforce}`, {
-      id: selectedMenu
+      id: selectedMenu.id
     });
 
     if (response?.status) {
@@ -33,7 +33,7 @@ const DeleteDialog = () => {
       toast.error('Failed Delete Menu');
       setAlert((prev) => ({ ...prev, show: true, message: response?.message }));
     }
-  }, [selectedMenu, enforce]);
+  };
 
   return (
     <Dialog open={showDeleteDialog} onOpenChange={(open) => handleDeleteDialog(open, null)}>

src/pages/menu/manage-menu/blocks/EditDialog.tsx

@@ -2,7 +2,7 @@ import { Alert, useDataGrid } from '@/components';
 import { useManageMenusContext } from '../hooks/useManageMenusContext';
 import { useCallApi } from '@/hooks';
 import { apiConfig } from '@/config/api.config';
-import React, { useCallback, useState } from 'react';
+import React, { useCallback, useState, useEffect } from 'react';
 import { toast } from 'sonner';
 import {
   Dialog,
@@ -12,12 +12,13 @@ import {
   DialogHeader,
   DialogTitle
 } from '@/components/ui/dialog';
+import { FormControl,NativeSelect } from "@mui/material";
 import { Input } from '@/components/ui/input';
 import { Button } from '@/components/ui/button';
-
 const API_URL = apiConfig.service_dashboard;
+
 const EditDialog = () => {
-  const { showEditDialog, handleEditDialog, selectedMenu } = useManageMenusContext();
+  const { showEditDialog, handleEditDialog, selectedMenu, setSelectedMenu, parents }: any = useManageMenusContext();
   const { reload } = useDataGrid();
   const { PutData } = useCallApi();
   const [alert, setAlert] = useState({
@@ -25,6 +26,7 @@ const EditDialog = () => {
     message: ''
   });
   const initialState = {
+    id: '',
     module: '',
     name: '',
     link: '',
@@ -33,13 +35,25 @@ const EditDialog = () => {
     icon: '',
     status: ''
   };
-  const [formField, setFormField] = useState(initialState);
 
-  const doUpdateMenu = useCallback(async (e: React.FormEvent<HTMLFormElement>) => {
+  const handleUpdate = async (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
+    
+    if (
+      selectedMenu.module === '' ||
+      selectedMenu.name === '' ||
+      selectedMenu.link === '' ||
+      selectedMenu.order_number === 0 ||
+      selectedMenu.status === ''
+    ) {
+      setAlert({ show: true, message: 'Please fill in all required fields.' });
+      return;
+    }
 
-    const response = await PutData(`${API_URL}/menus/update/${selectedMenu}`, formField);
+    const updateMenu = selectedMenu;
-
+    if (updateMenu.id_parent === null) updateMenu.id_parent = "";
+    delete updateMenu.parentName    
+    const response = await PutData(`${API_URL}/menus/update/${selectedMenu.id}`, selectedMenu);
     if (response?.status) {
       handleEditDialog(false, null);
       resetForm();
@@ -49,29 +63,11 @@ const EditDialog = () => {
       toast.error('Failed Update Menu');
       setAlert({ show: true, message: 'Failed Update Menu' });
     }
-  }, []);
-
-  const handleUpdate = (e: React.FormEvent<HTMLFormElement>) => {
-    e.preventDefault();
-
-    if (
-      formField.module === '' ||
-      formField.name === '' ||
-      formField.link === '' ||
-      formField.order_number === 0 ||
-      formField.status === ''
-    ) {
-      setAlert({ show: true, message: 'Please fill in all required fields.' });
-      return;
-    }
-
-    doUpdateMenu(e);
-    console.log(formField);
     setAlert({ show: false, message: '' });
   };
 
   const resetForm = () => {
-    setFormField(initialState);
+    setSelectedMenu(initialState)
     setAlert({ show: false, message: '' });
   };
 
@@ -100,8 +96,8 @@ const EditDialog = () => {
                     <Input
                       className="input"
                       type="text"
-                      value={formField.module}
+                      value={selectedMenu.module}
-                      onChange={(e) => setFormField({ ...formField, module: e.target.value })}
+                      onChange={(e) => setSelectedMenu({ ...selectedMenu, module: e.target.value })}
                     />
                   </div>
                 </div>
@@ -114,8 +110,8 @@ const EditDialog = () => {
                     <Input
                       className="input"
                       type="text"
-                      value={formField.name}
+                      value={selectedMenu.name}
-                      onChange={(e) => setFormField({ ...formField, name: e.target.value })}
+                      onChange={(e) => setSelectedMenu({ ...selectedMenu, name: e.target.value })}
                     />
                   </div>
                 </div>
@@ -128,8 +124,8 @@ const EditDialog = () => {
                     <Input
                       className="input"
                       type="text"
-                      value={formField.link}
+                      value={selectedMenu.link}
-                      onChange={(e) => setFormField({ ...formField, link: e.target.value })}
+                      onChange={(e) => setSelectedMenu({ ...selectedMenu, link: e.target.value })}
                     />
                   </div>
                 </div>
@@ -137,12 +133,23 @@ const EditDialog = () => {
                 <div className="w-full">
                   <div className="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
                     <label className="form-label flex items-center gap-1 max-w-56">ID Parent</label>
-                    <Input
+                    <FormControl fullWidth margin="dense">
-                      className="input"
+                      <NativeSelect
-                      type="text"
+                        defaultValue={30}
-                      value={formField.id_parent}
+                        value={selectedMenu.id_parent}
-                      onChange={(e) => setFormField({ ...formField, id_parent: e.target.value })}
+                        onChange={(e: any) => setSelectedMenu({ ...selectedMenu, id_parent: e.target.value })}
-                    />
+                        inputProps={{
+                          name: 'id_parent',
+                          id: 'uncontrolled-native',
+                        }}
+                      >
+                      {
+                        parents ? parents.map((el: any) => (
+                          <option key={el.id} value={el.id}>{el.name}</option>
+                        )) : ''
+                      }
+                      </NativeSelect>
+                    </FormControl>
                   </div>
                 </div>
 
@@ -155,10 +162,10 @@ const EditDialog = () => {
                       className="input"
                       type="number"
                       min={0}
-                      value={formField.order_number === 0 ? '' : formField.order_number}
+                      value={selectedMenu.order_number === 0 ? '' : selectedMenu.order_number}
                       onChange={(e) => {
                         const value = parseInt(e.target.value, 10);
-                        setFormField({ ...formField, order_number: isNaN(value) ? 0 : value });
+                        setSelectedMenu({ ...selectedMenu, order_number: isNaN(value) ? 0 : value });
                       }}
                     />
                   </div>
@@ -170,8 +177,8 @@ const EditDialog = () => {
                     <Input
                       className="input"
                       type="text"
-                      value={formField.icon}
+                      value={selectedMenu.icon}
-                      onChange={(e) => setFormField({ ...formField, name: e.target.value })}
+                      onChange={(e) => setSelectedMenu({ ...selectedMenu, icon: e.target.value })}
                     />
                   </div>
                 </div>
@@ -181,12 +188,20 @@ const EditDialog = () => {
                     <label className="form-label flex items-center gap-1 max-w-56">
                       Status<span className="text-red-500">*</span>
                     </label>
-                    <Input
+                    <FormControl fullWidth margin="dense">
-                      className="input"
+                      <NativeSelect
-                      type="text"
+                        defaultValue={30}
-                      value={formField.status}
+                        value={selectedMenu.status}
-                      onChange={(e) => setFormField({ ...formField, status: e.target.value })}
+                        onChange={(e) => setSelectedMenu({ ...selectedMenu, status: e.target.value })}
-                    />
+                        inputProps={{
+                          name: 'status',
+                          id: 'uncontrolled-native',
+                        }}
+                      >
+                        <option value={"Y"}>Active</option>
+                        <option value={"N"}>Inactive</option>
+                      </NativeSelect>
+                    </FormControl>
                   </div>
                 </div>
 

src/pages/menu/manage-menu/hooks/ManageMenusContext.tsx

@@ -27,15 +27,26 @@ interface MenuProps {
   status: string;
 }
 
+const initialState = {
+  id: '',
+  module: '',
+  name: '',
+  link: '',
+  id_parent: '',
+  order_number: 0,
+  icon: '',
+  status: ''
+};
+
 interface ContextProps {
   menus: MenuProps[];
   showEditDialog: boolean;
-  handleEditDialog: (show: boolean, selected_postoAdms: string | null) => void;
+  handleEditDialog: (show: boolean, selected_postoAdms: object | null) => void;
   showAddDialog: boolean;
   handleAddDialog: (show: boolean) => void;
   showDeleteDialog: boolean;
-  handleDeleteDialog: (show: boolean, selected_postoAdms: string | null) => void;
+  handleDeleteDialog: (show: boolean, selected_postoAdms: object | null) => void;
-  selectedMenu: string | null;
+  selectedMenu: object | null;
   getMenusLists: (
     limit: number,
     page: number,
@@ -43,6 +54,8 @@ interface ContextProps {
     order_field: any,
     order_direction: any
   ) => Promise<{ data: MenuProps[]; totalCount: number } | undefined>;
+  setSelectedMenu: (data: object) => void;
+  parents: any;
 }
 
 const initialProps: ContextProps = {
@@ -50,11 +63,13 @@ const initialProps: ContextProps = {
   showAddDialog: false,
   handleAddDialog: (show: boolean) => {},
   showEditDialog: false,
-  handleEditDialog: (show: boolean, selected_menu: string | null) => {},
+  handleEditDialog: (show: boolean, selected_menu: object | null) => {},
   showDeleteDialog: false,
-  handleDeleteDialog: (show: boolean, selected_menu: string | null) => {},
+  handleDeleteDialog: (show: boolean, selected_menu: object | null) => {},
-  selectedMenu: null,
+  selectedMenu: initialState,
-  getMenusLists: async () => ({ data: [], totalCount: 0 })
+  getMenusLists: async () => ({ data: [], totalCount: 0 }),
+  setSelectedMenu: (data: object) => {},
+  parents: []
 };
 
 const ManageMenusContext = createContext<ContextProps>(initialProps);
@@ -65,21 +80,22 @@ const ManageMenusContextProvider = ({ children }: { children: React.ReactNode })
   const [showAddDialog, setShowAddDialog] = useState(false);
   const [showEditDialog, setShowEditDialog] = useState(false);
   const [showDeleteDialog, setShowDeleteDialog] = useState(false);
-  const [selectedMenu, setSelectedMenu] = useState<string | null>(null);
+  const [selectedMenu, setSelectedMenu] = useState<object | null>(initialState);
+  const [parents, setParents] = useState<any>([]);
   const { GetData } = useCallApi();
 
   const handleAddDialog = useCallback((show: boolean) => {
     setShowAddDialog(show);
   }, []);
 
-  const handleEditDialog = useCallback((show: boolean, selected_menu: string | null) => {
+  const handleEditDialog = useCallback((show: boolean, selected_menu: object | null) => {
+    if (show) setSelectedMenu(selected_menu);
     setShowEditDialog(show);
-    setSelectedMenu(selected_menu);
   }, []);
 
-  const handleDeleteDialog = useCallback((show: boolean, selected_menu: string | null) => {
+  const handleDeleteDialog = useCallback((show: boolean, selected_menu: object | null) => {
+    if (show) setSelectedMenu(selected_menu);
     setShowDeleteDialog(show);
-    setSelectedMenu(selected_menu);
   }, []);
 
   const columns = useMemo<ColumnDef<any>[]>(
@@ -135,13 +151,13 @@ const ManageMenusContextProvider = ({ children }: { children: React.ReactNode })
             <>
               <button
                 className="btn btn-sm btn-icon btn-clear btn-light"
-                onClick={() => handleEditDialog(true, row.id)}
+                onClick={() => handleEditDialog(true, row)}
               >
                 <KeenIcon icon="notepad-edit" />
               </button>
               <button
                 className="btn btn-sm btn-icon btn-clear btn-light"
-                onClick={() => handleDeleteDialog(true, row.id)}
+                onClick={() => handleDeleteDialog(true, row)}
               >
                 <KeenIcon icon="trash" />
               </button>
@@ -158,25 +174,27 @@ const ManageMenusContextProvider = ({ children }: { children: React.ReactNode })
   );
 
   const flattenChildren = (parent: any, parentIdx: number, depth = 0, parentName = '') => {
+    if (parent.link === '/') {
+      if (!parents.find((el: any) => el.id === parent.id)) setParents((el: any) => [...el, { id: parent.id, name: parent.name }]) // GET PARENTS
+    }
     if (!parent.children || parent.children.length === 0) {
       return []; // Jika tidak ada children, kembalikan array kosong
     }
 
     return parent.children.flatMap((child: any, childIdx: number) => {
-      // Jika child masih punya children, lakukan rekursi lebih dalam
       if (child.children && child.children.length > 0) {
         return flattenChildren(child, parentIdx * 100 + childIdx, depth + 1, child.name);
       }
 
-      // Jika ini adalah child terakhir (leaf node), masukkan ke array hasil
       return {
-        id: parentIdx * 100 + childIdx + 1,
+        id: child.id,
         module: parent.module,
         parentName: parentName || parent.name,
         name: child.name,
         link: child.link,
-        id_parent: parent.id_parent,
+        id_parent: child.id_parent,
-        status: parent.status
+        status: parent.status,
+        order_number: parent.order_number
       };
     });
   };
@@ -194,10 +212,8 @@ const ManageMenusContextProvider = ({ children }: { children: React.ReactNode })
         order_direction: sorting[0].desc ? 'DESC' : 'ASC'
       });
 
-      console.log(response?.data);
       if (!response?.data.list) return { data: [], totalCount: 0 };
 
-      // Gunakan rekursi untuk mencari children paling dalam
       const transformedData = response.data.list.flatMap((row: any, parentIdx: number) =>
         flattenChildren(row, parentIdx)
       );
@@ -205,7 +221,6 @@ const ManageMenusContextProvider = ({ children }: { children: React.ReactNode })
       const total_count = transformedData.length;
 
       setMenus(transformedData);
-      console.log(menus);
       return { data: transformedData, totalCount: total_count };
     } catch (error) {
       console.error('Error fetching Menus', error);
@@ -224,7 +239,9 @@ const ManageMenusContextProvider = ({ children }: { children: React.ReactNode })
         showDeleteDialog,
         handleDeleteDialog,
         selectedMenu,
-        getMenusLists
+        getMenusLists,
+        setSelectedMenu,
+        parents
       }}
     >
       <Toaster expand visibleToasts={9} duration={3000} />

src/pages/settings/user/manage-position/hooks/ManagePositionContext.tsx

@@ -85,11 +85,16 @@ const ManagePositionContextProvider = ({ children }: { children: React.ReactNode
         enableSorting: false,
         enableHiding: false,
         cell: ({ row }) => {
+          const isActive = row.original.status === 'Y';
+
           return (
-            <EnforceSwitch
+            <span
-              enforce={row.original.status == 'Y' ? true : false}
+              className={`px-2 py-1 text-xs font-semibold rounded-full ${
-              onChange={() => {}}
+                isActive ? 'bg-green-100 text-green-600' : 'bg-red-100 text-red-600'
-            />
+              }`}
+            >
+              {isActive ? 'Active' : 'Inactive'}
+            </span>
           );
         },
         meta: {

src/pages/settings/user/manage-user/hooks/ManageUserContext.tsx

@@ -127,11 +127,16 @@ const ManageUserContextProvider = ({ children }: { children: React.ReactNode })
         enableSorting: false,
         enableHiding: false,
         cell: ({ row }) => {
+          const isActive = row.original.status === 'Y';
+
           return (
-            <EnforceSwitch
+            <span
-              enforce={row.original.status == 'Y' ? true : false}
+              className={`px-2 py-1 text-xs font-semibold rounded-full ${
-              onChange={() => {}}
+                isActive ? 'bg-green-100 text-green-600' : 'bg-red-100 text-red-600'
-            />
+              }`}
+            >
+              {isActive ? 'Active' : 'Inactive'}
+            </span>
           );
         },
         meta: {