Addting Active and In-active switch button.

src/hooks/masterHook/useMaster.js

@@ -25,20 +25,6 @@ export const useServices = () => {
   });
 };
 
-
-export const useRequisitionStatus = (isActive) => {
- return useQuery({
-    queryKey: ["requisitionStatus",isActive],
-    queryFn: async () =>  await MasterRespository.getRequisitionStatus(isActive),   
-  });
-};
-export const usePurchaseOrderStatus = (isActive) => {
- return useQuery({
-    queryKey: ["purchaseOrderStatus",isActive],
-    queryFn: async () =>  await MasterRespository.getPurchaseOrderStatus(isActive),   
-  });
-};
-
 export const useGroups = (serviceId) => {
   return useQuery({
     queryKey: ["groups", serviceId],
@@ -291,7 +277,7 @@ export const useOrganizationType = () => {
 };
 // ===Application Masters Query=================================================
 
-const fetchMasterData = async (masterType) => {
+const fetchMasterData = async (masterType,isActiveMaster) => {
   switch (masterType) {
     case "Application Role":
       return (await MasterRespository.getRoles()).data;
@@ -320,9 +306,9 @@ const fetchMasterData = async (masterType) => {
     case "Payment Adjustment Head":
       return (await MasterRespository.getPaymentAdjustmentHead(true)).data;
     case "Requisition Status":
-      return (await MasterRespository.getRequisitionStatus()).data;
+      return (await MasterRespository.getRequisitionStatus(isActiveMaster)).data;
     case "Purchase Order Status":
-      return (await MasterRespository.getPurchaseOrderStatus()).data;
+      return (await MasterRespository.getPurchaseOrderStatus(isActiveMaster)).data;
     case "Status":
       return [
         {
@@ -349,20 +335,20 @@ const fetchMasterData = async (masterType) => {
   }
 };
 
-const useMaster = () => {
+const useMaster = (isActiveMaster) => {
   const selectedMaster = useSelector(
     (store) => store.localVariables.selectedMaster
   );
    const queryFn = useCallback(
-    () => fetchMasterData(selectedMaster),
+    () => fetchMasterData(selectedMaster, isActiveMaster),
-    [selectedMaster]
+    [selectedMaster, isActiveMaster]
   );
   const {
     data = [],
     isLoading,
     error,
   } = useQuery({
-    queryKey: ["masterData", selectedMaster],
+    queryKey: ["masterData", selectedMaster,isActiveMaster],
     queryFn,
     enabled: !!selectedMaster,
     staleTime: 1000 * 60 * 10,
@@ -379,7 +365,6 @@ const useMaster = () => {
 
   return { data, loading: isLoading, error };
 };
-
 export default useMaster;
 
 // ================================Mutation====================================
@@ -1150,6 +1135,7 @@ export const useUpdatePurchaseOrderStatus = (onSuccessCallback) => {
 
 // ====================x=x====================x=x==================================
 
+
 // --------Delete Master --------
 export const useDeleteMasterItem = () => {
   const queryClient = useQueryClient();

src/pages/master/MasterPage.jsx

@@ -33,6 +33,7 @@ const MasterPage = () => {
     (store) => store.localVariables.selectedMaster
   );
   const hasMasterPermission = useHasUserPermission(MANAGE_MASTER);
+  const [isActiveMaster, setIsActiveMaster] = useState(true);
 
   const {
     data: menuData,
@@ -44,7 +45,7 @@ const MasterPage = () => {
     data: masterData = [],
     loading,
     isError: isMasterError,
-  } = useMaster();
+  } = useMaster(isActiveMaster);
   const { mutate: DeleteMaster, isPending: isDeleting } = useDeleteMasterItem();
   const [isDeleletingServiceItem, setDeleletingServiceItem] = useState({ isOpen: false, ItemId: null, whichItem: null })
   const { mutate: DeleteSericeGroup, isPending: deletingGroup } = useDeleteServiceGroup()
@@ -196,6 +197,27 @@ const MasterPage = () => {
                       onChange={(e) => setSearchTerm(e.target.value)}
                     />
                   </div>
+
+                  {(selectedMaster === "Purchase Order Status" ||
+                    selectedMaster === "Requisition Status") && (
+                      <div className="form-check form-switch d-flex align-items-center">
+                        <input
+                          className="form-check-input"
+                          type="checkbox"
+                          role="switch"
+                          id="flexSwitchCheckActive"
+                          checked={isActiveMaster}
+                          onChange={() => setIsActiveMaster((prev) => !prev)}
+                        />
+                        <label
+                          className="form-check-label ms-2"
+                          htmlFor="flexSwitchCheckActive"
+                        >
+                          {isActiveMaster ? "Active" : "In-active"}
+                        </label>
+                      </div>
+                    )}
+
                   {hasMasterPermission && (
                     <button
                       className="btn btn-sm btn-primary"
@@ -215,6 +237,7 @@ const MasterPage = () => {
                 columns={columns}
                 loading={loading}
                 handleModalData={handleModalData}
+                isActiveMaster={isActiveMaster}
               />
             </div>
           </div>

src/pages/master/MasterTable.jsx

@@ -4,7 +4,7 @@ import { useHasUserPermission } from "../../hooks/useHasUserPermission";
 import { ITEMS_PER_PAGE, MANAGE_MASTER } from "../../utils/constants";
 import showToast from "../../services/toastService";
 
-const MasterTable = ({ data, columns, loading, handleModalData }) => {
+const MasterTable = ({ data, columns, loading, handleModalData,isActiveMaster }) => {
   const hasMasterPermission = useHasUserPermission(MANAGE_MASTER);
   const selectedMaster = useSelector(
     (store) => store.localVariables.selectedMaster
@@ -230,8 +230,7 @@ const MasterTable = ({ data, columns, loading, handleModalData }) => {
             {[...Array(totalPages)].map((_, index) => (
               <li
                 key={index}
-                className={`page-item ${
+                className={`page-item ${currentPage === index + 1 ? "active" : ""
-                  currentPage === index + 1 ? "active" : ""
                   }`}
               >
                 <button
@@ -243,8 +242,7 @@ const MasterTable = ({ data, columns, loading, handleModalData }) => {
               </li>
             ))}
             <li
-              className={`page-item ${
+              className={`page-item ${currentPage === totalPages ? "disabled" : ""
-                currentPage === totalPages ? "disabled" : ""
                 }`}
             >
               <button