Merge branch 'dev-rohit' of http://git.wdipl.com/Siddhesh.More/SSA-Admin-Panel into testing

2025-05-05 18:07:56 +05:30
parent 58e49c0f87 e6e8f59afa
commit 57509b2de8
25 changed files with 1620 additions and 241 deletions
--- a/dev-dist/sw.js
+++ b/dev-dist/sw.js
@@ -82,7 +82,7 @@ define(['./workbox-54d0af47'], (function (workbox) { 'use strict';
    "revision": "3ca0b8505b4bec776b69afdba2768812"
  }, {
    "url": "index.html",
-    "revision": "0.4sre1e6vpfo"
+    "revision": "0.bma87cujt8g"
  }], {});
  workbox.cleanupOutdatedCaches();
  workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {
--- a/src/Pages/ManageJobs/ManageJobs.tsx
+++ b/src/Pages/ManageJobs/ManageJobs.tsx
@@ -1,6 +1,8 @@
-import { Box, HStack,
+import {
+  Box, HStack,
  //  Image, 
-   Input, Text } from "@chakra-ui/react";
+  Input, Text
+} from "@chakra-ui/react";
 import { LuSearch } from "react-icons/lu";
 // import { RiDeleteBin5Line } from "react-icons/ri";
 // import AlertDailog from "../../components/AlertDailog";
@@ -9,6 +11,8 @@ import MainFrame from "../../components/MainFrame";
 import { InputGroup } from "../../components/ui/input-group";
 import ManageJobsAdd from "./ManageJobsAdd";
 import ViewManageJob from "./ViewManageJob";
+// import { useState } from "react";
+// import { useGetManageJobsQuery } from "../../Redux/Service/manage.jobs.service";
 // import Delete from "../../components/ActionIcons/Delete";

 // table data
@@ -50,6 +54,10 @@ const managepost: any[] = [
 ];

 const ManageJobs = () => {
+  // const [currentPage, setCurrentPage] = useState(1);
+  // const { data, refetch } = useGetManageJobsQuery(currentPage)
+  // console.log(data?.data.data);
+
  return (
    <MainFrame>
      <Box>
--- a/src/Pages/ManagePost/ManagePost.tsx
+++ b/src/Pages/ManagePost/ManagePost.tsx
@@ -1,67 +1,205 @@
-import { Box, HStack, Image, Input, 
+import {
+  Box, HStack, Icon, Image,
  // Span, 
-  Text } from "@chakra-ui/react";
+  Text
+} from "@chakra-ui/react";
 import MainFrame from "../../components/MainFrame";
-import { InputGroup } from "../../components/ui/input-group";
-import { LuSearch } from "react-icons/lu";
+// import { InputGroup } from "../../components/ui/input-group";
+// import { LuSearch } from "react-icons/lu";
 import DataTable from "../../components/DataTable";
 // import AlertDailog from "../../components/AlertDailog";
 import { Switch } from "../../components/ui/switch";
-import img from "../../assets/waterfall.jpg";
+// import img from "../../assets/waterfall.jpg";
 // import { RiDeleteBin5Line } from "react-icons/ri";
 import ViewDailog from "./ViewDailog";
+import { useGetManagePostsQuery, usePostStatusToggleMutation } from "../../Redux/Service/manage.post.service";
+import { useEffect, useState } from "react";
+import { toaster } from "../../components/ui/toaster";
+import { FaVideo } from "react-icons/fa";
+import SearchComponent from "../../components/SearchComponent";
 // import Delete from "../../components/ActionIcons/Delete";
 // import ViewDailog from './ViewDailog'

-// table data
+const APIURL = import.meta.env.VITE_POST_IMG

 const tableHeadRow = [
  "Sr. No",
  "Images",
  "Description",
  "Publish Data",
-  "Activate/Deactivate",
+  // "Activate/Deactivate",
  "Action",
 ];

-const managepost: any[] = [
-  ...Array.from({ length: 12 }, (_, i) => ({
-    "Sr. No": i + 1,
+// const managepost: any[] = [
+//   ...Array.from({ length: 12 }, (_, i) => ({
+//     "Sr. No": i + 1,
+//     Images: (
+//       // <Image w={50} src={img} />
+//       <Image rounded={"lg"} w={100} h={50} src={img} />
+//     ),
+//     Description: (
+//       <Text>
+//         {`Lorem ipsum dolor, sit amet consectetur adipisicing elit.}`.slice(
+//           0,
+//           30
+//         ) + "..."}
+//       </Text>
+//     ),
+//     "Publish Data": "12/01/2025",
+//     "Activate/Deactivate": (
+//       <Box w={"100%"}>
+//         <Switch size={"sm"} colorPalette={"teal"} />
+//       </Box>
+//     ),
+//     Action: (
+//       <HStack justifyContent="center">
+//         <ViewDailog />
+//         {/* <AlertDailog
+//           AltertTiggerIcon={() => <Span><Delete /> </Span>} 
+//           alertText="Delete Users"
+//           alertIcon={<Image src={"DeleteIcon"} h={"39px"} />}
+//           alertCaption="are you sure you want to delete ?"
+//           onConfirm={() => {
+//             console.log("User deleted:", i + 1);
+//           }}
+//         /> */}
+//       </HStack>
+//     ),
+//   })),
+// ];
+
+const ManagePost = () => {
+  const [currentPage, setCurrentPage] = useState(1);
+  const { data, refetch } = useGetManagePostsQuery(currentPage)
+  const [localData, setLocalData] = useState<any[]>([]);
+  const [searchTerm, setSearchTerm] = useState("");
+  const [postStatusToggle] = usePostStatusToggleMutation()
+  console.log('POSTS', data?.data.data);
+
+  useEffect(() => {
+    if (data?.data?.data) {
+      setLocalData(data?.data.data);
+    }
+  }, [data]);
+
+  const handlePageChange = (page: number) => {
+    setCurrentPage(page);
+  };
+
+  const handleToggle = async (agencyId: string, currentStatus: number) => {
+    const newStatus = currentStatus ? 0 : 1;
+    setLocalData((prevData) =>
+      prevData.map((agency) =>
+        agency.id === agencyId ? { ...agency, is_active: newStatus } : agency
+      )
+    );
+    try {
+      await postStatusToggle({ id: agencyId, is_active: newStatus }).unwrap();
+      refetch()
+    } catch (error) {
+      console.error("Error updating:", error);
+      toaster.create({
+        title: "Error",
+        description: "Someting went wrong.",
+        type: "error",
+      });
+      setLocalData((prevData) =>
+        prevData.map((agency) =>
+          agency.id === agencyId ? { ...agency, is_active: currentStatus } : agency
+        )
+      );
+    }
+  };
+
+
+  function formatAPIDate(apiDateString: any) {
+    const date = new Date(apiDateString);
+
+    // Get month, day, and year
+    const month = date.getMonth() + 1; // Months are 0-indexed
+    const day = date.getDate();
+    const year = date.getFullYear();
+
+    // Pad with leading zeros if needed
+    const formattedMonth = month.toString().padStart(2, '0');
+    const formattedDay = day.toString().padStart(2, '0');
+
+    return `${formattedMonth}/${formattedDay}/${year}`;
+  }
+
+  const filteredData = localData?.filter((agency) => {
+    return (agency.post_content_translation.some((item: any) => {
+      const searchLower = searchTerm.toLowerCase();
+      const title = item.content?.toLowerCase().includes(searchLower);
+      return title;
+    }))
+  });
+
+  const managepost = filteredData?.flatMap((agency: any, index: number) => (agency.post_content_translation.map((translation: any) => ({
+    'id': agency.id,
+    "Sr. No": (currentPage - 1) * (data?.data.per_page ?? 0) + index + 1,
    Images: (
-      // <Image w={50} src={img} />
-      <Image rounded={"lg"} w={100} h={50} src={img} />
+      agency.images.length > 0 ?
+        agency.images[0].type === "image" ? (
+          <HStack>
+            <Image
+              rounded={"lg"}
+              w={100}
+              h={50}
+              src={`${APIURL}${agency.images[0].image_name}`}
+            />
+           <Text fontSize="xs" color={'lightgray'}>
+              {`${Number(agency.images.length) > 1 ? '+' + (Number(agency.images.length) - 1) : ''}`}
+          </Text>
+          </HStack>
+        ) : (
+        <HStack>
+              <Box
+                rounded={"lg"}
+                w={100}
+                h={50}
+                bg="gray.200"
+                display="flex"
+                alignItems="center"
+                justifyContent="center"
+              >
+                <Icon as={FaVideo} color="gray.500" />
+              </Box>
+              <Text fontSize="xs" color={'lightgray'}>
+                {`${Number(agency.images.length) > 1 ? '+' + (Number(agency.images.length) - 1) : ''}`}
+              </Text>
+        </HStack>
+        ) : ''
+      // <Image rounded={"lg"} w={100} h={50} src={img} />
    ),
    Description: (
      <Text>
-        {`Lorem ipsum dolor, sit amet consectetur adipisicing elit.}`.slice(
+        {`${translation?.content}`.slice(
          0,
          30
        ) + "..."}
      </Text>
    ),
-    "Publish Data": "12/01/2025",
-    "Activate/Deactivate": (
-      <Box w={"100%"}>
-        <Switch size={"sm"} colorPalette={"teal"} />
-      </Box>
-    ),
-    Action: (
+    "Publish Data": formatAPIDate(agency.created_at),
+    "is_active": agency.is_active,
+    "Action": (
      <HStack justifyContent="center">
-        <ViewDailog />
-        {/* <AlertDailog
-          AltertTiggerIcon={() => <Span><Delete /> </Span>} 
-          alertText="Delete Users"
-          alertIcon={<Image src={"DeleteIcon"} h={"39px"} />}
-          alertCaption="are you sure you want to delete ?"
-          onConfirm={() => {
-            console.log("User deleted:", i + 1);
-          }}
-        /> */}
+        {/* <ViewAgencyMaster agency={localData} id={agency.id} /> */}
+        <ViewDailog localData={{ ...agency, translation }} refetch={refetch} />
+        <Box>
+          <Switch
+            colorPalette={"teal"}
+            size={"xs"}
+            onChange={() => handleToggle(agency.id, Number(agency.is_active))}
+            checked={Boolean(Number(agency.is_active))}
+          />
+        </Box>
      </HStack>
    ),
-  })),
-];
-const ManagePost = () => {
+  }))));
+
+
  return (
    <MainFrame>
      <Box>
@@ -77,35 +215,27 @@ const ManagePost = () => {
          </Text>

          <HStack>
-            <InputGroup
-              startElement={
-                <LuSearch
-                  fontSize={"xs"}
-                  style={{ position: "relative", left: "10px" }}
-                />
-              }
-              color={"#000"}
-            >
-              <Input
-                p={3}
-                w={300}
-                bg={"#fff"}
-                colorPalette={"blue"}
-                _focus={{ border: "1px solid #02A0A0" }}
-                rounded={"md"}
-                size={"xs"}
-                fontSize={"sm"}
-                placeholder="Search..."
-                bgColor={"#EEEEEE"}
-                ps={8}
-              />
-            </InputGroup>
+            <SearchComponent
+              value={searchTerm}
+              onChange={(value) => {
+                setSearchTerm(value);
+                // setCurrentPage(1);
+                refetch()
+              }}
+            />
          </HStack>
        </HStack>
        <DataTable
          sortableColumns={["Name", "Registration Date "]}
          tableHeadRow={tableHeadRow}
          data={managepost}
+          paginationData={{
+            current_page: data?.data.current_page || 1,
+            last_page: data?.data.last_page || 1,
+            per_page: data?.data.per_page || 10,
+            total: data?.data.total || 0
+          }}
+          onPageChange={handlePageChange}
        />
      </Box>
    </MainFrame>
--- a/src/Pages/ManagePost/ViewDailog.tsx
+++ b/src/Pages/ManagePost/ViewDailog.tsx
@@ -1,15 +1,18 @@
-import { Field, Image, Input, Span, Stack } from "@chakra-ui/react"
+import { Field, HStack, Image, Input, Stack } from "@chakra-ui/react"
 // import { TbEdit } from "react-icons/tb"
-import img from "../../assets/waterfall.jpg"
+// import img from "../../assets/waterfall.jpg"
 import { DialogBody, DialogCloseTrigger, DialogContent, DialogHeader, DialogRoot, DialogTitle, DialogTrigger } from "../../components/ui/dialog"
-import Edit from "../../components/ActionIcons/Edit"
+// import Edit from "../../components/ActionIcons/Edit"
+import { LuEye } from "react-icons/lu"

-function ViewDailog() {
+const APIURL = import.meta.env.VITE_POST_IMG
+
+function ViewDailog({ localData }: { localData: any, refetch: VoidFunction }) {
    return (
-
        <DialogRoot placement="center">
            <DialogTrigger asChild>
-                <Span><Edit /></Span>
+                {/* <Span><Edit /></Span> */}
+                <LuEye fontSize={"xm"} cursor={'pointer'} />
            </DialogTrigger>

            <DialogContent
@@ -25,17 +28,49 @@ function ViewDailog() {
                <DialogBody bg="white">
                    <Stack py={3} >
                        <Field.Root>
-                            <Field.Label color="black" pt={1} fontSize="12px">Title</Field.Label>
-                            <Input placeholder="Enter the Title" bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px" readOnly />
-
-                            <Field.Label color="black" pt={1} fontSize="12px">Subtitle</Field.Label>
-                            <Input placeholder="Enter the Subtitle" bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px" readOnly />
-
                            <Field.Label color="black" pt={1} fontSize="12px">Description</Field.Label>
-                            <Input placeholder="Enter the Description" bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px" readOnly />
+                            <Input
+                                // placeholder="Enter the Title"
+                                value={localData.translation.content}
+                                bgColor="#EEEEEE"
+                                color="black"
+                                border="none"
+                                pl={1}
+                                fontSize="12px"
+                                height="30px"
+                                readOnly
+                            />

+                            {/* <Field.Label color="black" pt={1} fontSize="12px">Subtitle</Field.Label>
+                            <Input placeholder="Enter the Subtitle" bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px" readOnly /> */}
+
+                            {/* <Field.Label color="black" pt={1} fontSize="12px">Description</Field.Label>
+                            <Input placeholder="Enter the Description" bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px" readOnly /> */}
                            <Field.Label color="black" pt={1} fontSize="12px">Image</Field.Label>
-                            <Image src={img} w="100%" maxH="150px" objectFit="contain" />
+                            <HStack w="fit-content" flexWrap={'wrap'}>
+                                {localData.images.map((img: any) => (
+                                    img.type === 'image' ? (
+                                        <Image
+                                            key={img.id}
+                                            src={`${APIURL}${img.image_name}`}
+                                            w="30%"
+                                            maxH="150px"
+                                            objectFit="contain"
+                                        />
+                                    ) : (
+                                        <video
+                                            key={img.id}
+                                            width="45%"
+                                            height="50"
+                                            controls
+                                        >
+                                            <source src={`${APIURL}${img.image_name}`} type="video/mp4" />
+                                        </video>
+                                    )
+                                ))}
+                            </HStack>
+
+                            {/* <Image src={img} w="100%" maxH="150px" objectFit="contain" /> */}
                        </Field.Root>
                    </Stack>
                </DialogBody>
--- a/src/Pages/MasterModule/Country/Country.tsx
+++ b/src/Pages/MasterModule/Country/Country.tsx
@@ -139,7 +139,8 @@ const Country = () => {
              value={searchTerm}
              onChange={(value) => {
                setSearchTerm(value);
-                setCurrentPage(1);
+                // setCurrentPage(1);
+                refetch()
              }}
            />
            {/* <Button bgColor={'#EEEEEE'} pl={3} pr={3}><IoMdAdd /> <Text>Add</Text></Button> */}
--- a/src/Pages/MasterModule/DepartmentMaster/AddDepartmentMaster.tsx
+++ b/src/Pages/MasterModule/DepartmentMaster/AddDepartmentMaster.tsx
@@ -0,0 +1,155 @@
+import { DialogBody, DialogCloseTrigger, DialogContent, DialogFooter, DialogHeader, DialogRoot, DialogTitle, DialogTrigger } from "../../../components/ui/dialog"
+import { Field, Input, Stack, Text } from "@chakra-ui/react"
+import { IoMdAdd } from "react-icons/io"
+import { Button } from "../../../components/ui/button"
+import { useState } from "react";
+import { toaster } from "../../../components/ui/toaster";
+import { useCreateDepartmentPostMutation, useGetDepartmentMasterDropDownQuery } from "../../../Redux/Service/department.master";
+
+function AddDepartmentMaster({ refetch }: { refetch: VoidFunction }) {
+    const [jobType, setJobType] = useState("");
+    const [isOpen, setIsOpen] = useState(false);
+    const [createDepartmentPost] = useCreateDepartmentPostMutation()
+    const { data } = useGetDepartmentMasterDropDownQuery()
+    const [selectdDep, setSelectdDep] = useState<any>({
+        id: '',
+        en_name: '',
+    });
+
+
+    const handleOpenModal = () => {
+        setIsOpen(true);  // Open modal when clicking "Add"
+    };
+
+    const handleSubmit = async () => {
+        if (!jobType.trim() || !selectdDep.id) {
+            toaster.create({
+                title: "Error",
+                description: "Title and Subtitle cannot be empty.",
+                type: "error",
+            });
+            return;
+        }
+
+        const payload = {
+            en_name: jobType,
+            industry_masters_xid: selectdDep.id,
+        };
+
+        try {
+            await createDepartmentPost(payload);
+            refetch()
+            setIsOpen(false);
+            setJobType("");
+            setSelectdDep({
+                id: '',
+                en_name: '',
+            })
+        } catch (error) {
+            console.error("Error updating template:", error);
+            alert("Failed to update template");
+        }
+    };
+
+    console.log("Selected Department", selectdDep);
+
+
+    return (
+
+        <DialogRoot placement="center" open={isOpen}>
+            <DialogTrigger asChild>
+                {/* <Button bg={"transparent"} size="sm">
+                    <MdOutlineRemoveRedEye style={{ cursor: "pointer", fontSize: "16px" }} />
+                </Button> */}
+                <Button px={5} size={"xs"} bg={"#02A0A0"} onClick={handleOpenModal}>
+                    <IoMdAdd /> <Text>Add</Text>
+                </Button>
+
+            </DialogTrigger>
+
+            <DialogContent
+                bg={"#fff"}
+                // w={{ lg: "60%", md: "230px" }}
+                w={{ base: '90%', md: '400px' }}
+                height={'auto'}
+
+                overflowX="hidden"
+                p={3} // Reduced padding
+                bgSize={'md'}
+            >
+                <DialogHeader bg="white" >
+                    <DialogTitle alignSelf="center" color="black" fontSize="14px">Add</DialogTitle>
+                </DialogHeader>
+
+                <DialogBody bg="white">
+                    <Stack py={3}>
+
+                        <Field.Root>
+                            <Field.Label color="black" pt={1} fontSize="12px">
+                                Select Industry
+                            </Field.Label>
+                            <select
+                                value={selectdDep.id}
+                                onChange={(e) => {
+                                    const selectedId = e.target.value;
+                                    const selectedIndustry = data?.data.find((item: any) => item.id.toString() === selectedId);
+                                    if (selectedIndustry) {
+                                        setSelectdDep({
+                                            id: selectedIndustry.id,
+                                            en_name: selectedIndustry.en_name,
+                                        });
+                                    }
+                                }}
+                                style={{
+                                    backgroundColor: "#EEEEEE",
+                                    color: "black",
+                                    border: "none",
+                                    height: "30px",
+                                    fontSize: "12px",
+                                    padding: "4px",
+                                    borderRadius: "4px",
+                                    width: "100%",
+                                }}
+                            >
+                                <option value="" disabled>
+                                    Select department
+                                </option>
+                                {data?.data.map((item: any) => (
+                                    <option value={item.id} key={item.id}>
+                                        {item.en_name}
+                                    </option>
+                                ))}
+                            </select>
+                        </Field.Root>
+
+                        <Field.Root>
+                            <Field.Label color="black" pt={1} fontSize="12px">Department</Field.Label>
+                            <Input
+                                placeholder=""
+                                bgColor="#EEEEEE"
+                                color="black"
+                                border="none"
+                                pl={1}
+                                fontSize="12px"
+                                height="30px"
+                                value={jobType}
+                                onChange={(e) => setJobType(e.target.value)}
+                            />
+                        </Field.Root>
+                    </Stack>
+
+                </DialogBody>
+                <DialogFooter display="flex" justifyContent="center" pt={"2"}>
+                    <Button w="100%" bg="#02A0A0" color={"#fff"} onClick={handleSubmit}>
+                        Save
+                    </Button>
+                </DialogFooter>
+
+                <DialogCloseTrigger color="black" onClick={() => setIsOpen(false)} />
+            </DialogContent>
+        </DialogRoot >
+
+    )
+}
+
+export default AddDepartmentMaster
--- a/src/Pages/MasterModule/DepartmentMaster/DepartmentMasterList.tsx
+++ b/src/Pages/MasterModule/DepartmentMaster/DepartmentMasterList.tsx
@@ -0,0 +1,142 @@
+import { Box, HStack, Text } from "@chakra-ui/react";
+import MainFrame from "../../../components/MainFrame"
+// import { InputGroup } from "../../../components/ui/input-group";
+// import { LuSearch } from "react-icons/lu";
+import DataTable from "../../../components/DataTable";
+import { Switch } from "../../../components/ui/switch";
+import { useEffect, useState } from "react";
+import SearchComponent from "../../../components/SearchComponent";
+import { useDepartmentToggleMutation, useGetDepartmentMasterQuery } from "../../../Redux/Service/department.master";
+import AddDepartmentMaster from "./AddDepartmentMaster";
+import EditDepartmentMaster from "./EditDepartmentMaster";
+
+
+// table data
+
+const tableHeadRow = [
+    "Sr. No",
+    "Title",
+    "Action"
+
+];
+
+
+
+const DepartmentMasterList = () => {
+    const [currentPage, setCurrentPage] = useState(1);
+    const { data, refetch } = useGetDepartmentMasterQuery(currentPage)
+    const [departmentToggle] = useDepartmentToggleMutation()
+    const [localData, setLocalData] = useState<any[]>([]);
+     const [searchTerm, setSearchTerm] = useState("");
+
+     console.log("Department Data", data?.data.data)
+
+    useEffect(() => {
+        if (data?.data?.data) {
+            setLocalData(data?.data.data);
+        }
+    }, [data]);
+
+    const handlePageChange = (page: number) => {
+        setCurrentPage(page);
+    };
+
+    const handleToggle = async (agencyId: string, currentStatus: number) => {
+        const newStatus = currentStatus ? 0 : 1;
+        setLocalData((prevData) =>
+            prevData.map((agency) =>
+                agency.id === agencyId ? { ...agency, is_active: newStatus } : agency
+            )
+        );
+        try {
+            await departmentToggle({ id: agencyId, is_active: newStatus }).unwrap();
+            refetch()
+        } catch (error) {
+            console.error("Error updating privacy policy:", error);
+            setLocalData((prevData) =>
+                prevData.map((agency) =>
+                    agency.id === agencyId ? { ...agency, is_active: currentStatus } : agency
+                )
+            );
+        }
+    };
+
+    const filteredData = localData?.filter((agency) => {
+        const searchLower = searchTerm.toLowerCase();
+        const title = agency.en_name?.toLowerCase().includes(searchLower);
+        return title;
+    });
+
+    const managepost = filteredData?.map((agency: any, index: number) => ({
+        'id': agency.id,
+        "Sr. No": (currentPage - 1) * (data?.data.per_page ?? 0) + index + 1,
+        "Title": agency.en_name,
+        "is_active": agency.is_active,
+        "Action": (
+            <HStack justifyContent="center">
+                {/* <ViewAgencyMaster agency={localData} id={agency.id} /> */}
+                <EditDepartmentMaster localData={agency} refetch={refetch} />
+                <Box>
+                    <Switch
+                        colorPalette={"teal"}
+                        size={"xs"}
+                        onChange={() => handleToggle(agency.id, Number(agency.is_active))}
+                        checked={Boolean(Number(agency.is_active))}
+                    />
+                </Box>
+            </HStack>
+        ),
+    }));
+
+    // useEffect(() => {
+    //     console.log("Fetched data:", data);
+    //     console.log("Local data:", localData);
+    //     console.log("Managepost data:", managepost);
+    // }, [data, localData, managepost]);
+
+    return (
+
+        <MainFrame>
+            <Box>
+                <HStack
+                    w={"100%"}
+                    justifyContent={"space-between"}
+                    mb={4}
+                    py={0}
+                    px={3}
+                >
+                    <Text as={"span"} fontSize={"sm"} fontWeight={500} color={"#000"}>
+                        Department Master
+                    </Text>
+
+                    <HStack >
+                        <SearchComponent
+                            value={searchTerm}
+                            onChange={(value) => {
+                                setSearchTerm(value);
+                                // setCurrentPage(1);
+                                refetch()
+                            }}
+                        />
+                        {/* <Button bgColor={'#EEEEEE'} pl={3} pr={3}><IoMdAdd /> <Text>Add</Text></Button> */}
+                        {/* <ViewAgencyAddModel /> */}
+                        <AddDepartmentMaster refetch={refetch} />
+                    </HStack>
+                </HStack>
+                <DataTable
+                    sortableColumns={["Name"]}
+                    tableHeadRow={tableHeadRow}
+                    data={managepost || []}
+                    paginationData={{
+                        current_page: data?.data.current_page || 1,
+                        last_page: data?.data.last_page || 1,
+                        per_page: data?.data.per_page || 10,
+                        total: data?.data.total || 0
+                    }}
+                    onPageChange={handlePageChange}
+                />
+            </Box>
+        </MainFrame>
+    )
+}
+export default DepartmentMasterList
--- a/src/Pages/MasterModule/DepartmentMaster/EditDepartmentMaster.tsx
+++ b/src/Pages/MasterModule/DepartmentMaster/EditDepartmentMaster.tsx
@@ -0,0 +1,160 @@
+import {
+    DialogBody,
+    DialogCloseTrigger,
+    DialogContent,
+    DialogFooter,
+    DialogHeader,
+    DialogRoot,
+    DialogTitle,
+    DialogTrigger,
+} from "../../../components/ui/dialog";
+import { Box, Field, Input, Stack } from "@chakra-ui/react";
+import { Button } from "../../../components/ui/button";
+import Edit from "../../../components/ActionIcons/Edit";
+import { useState } from "react";
+import { Toaster, toaster } from "../../../components/ui/toaster";
+import { useGetDepartmentMasterDropDownQuery, useUpdateDepartmentMutation } from "../../../Redux/Service/department.master";
+
+function EditDepartmentMaster({ localData, refetch }: { localData: any, refetch: VoidFunction }) {
+    const [jobtype, setJobType] = useState("");
+    const [updateDepartment] = useUpdateDepartmentMutation()
+    const { data } = useGetDepartmentMasterDropDownQuery()
+    const [isOpen, setIsOpen] = useState(false);
+    const [selectdDep, setSelectdDep] = useState<any>({
+        id: localData.industry_master.id,
+        en_name: localData.industry_master.en_name,
+    });
+
+    const handleOpenModal = () => {
+        // const template = localData?.find((item: any) => item.id === id);
+        if (localData) {
+            setJobType(localData.en_name);
+            setSelectdDep({
+                id: localData.industry_master.id,
+                en_name: localData.industry_master.en_name,
+            })
+            setIsOpen(true);
+        }
+    };
+
+
+    const handleSubmit = async () => {
+        if (!jobtype.trim()) {
+            toaster.create({
+                title: "Error",
+                description: "Title and Subtitle cannot be empty.",
+                type: "error",
+            });
+            return;
+        }
+
+        const payload = {
+            id: localData.id,
+            industry_masters_xid: selectdDep.id != null ? selectdDep.id : localData.industry_master.id,
+            en_name: jobtype
+        };
+
+        try {
+            await updateDepartment(payload).unwrap();
+            refetch()
+            setIsOpen(false);
+        } catch (error) {
+            console.error("Error updating template:", error);
+            alert("Failed to update template");
+        }
+    };
+
+    console.log("Dropdown Data", selectdDep);
+    console.log("Dep Data", localData)
+
+
+    return (
+        <DialogRoot placement="center" open={isOpen} onOpenChange={({ open }) => setIsOpen(open)}>
+            <DialogTrigger asChild>
+                <Box bg={"transparent"} onClick={handleOpenModal}>
+                    <Edit />
+                </Box>
+            </DialogTrigger>
+
+            <DialogContent
+                bg={"#fff"}
+                // w={{ lg: "60%", md: "230px" }}
+                w={{ base: "90%", md: "400px" }}
+                height={"auto"}
+                overflowX="hidden"
+                p={3} // Reduced padding
+                bgSize={"md"}
+            >
+                <DialogHeader bg="white">
+                    <DialogTitle alignSelf="center" color="black" fontSize="14px">
+                        Edit Title
+                    </DialogTitle>
+                </DialogHeader>
+
+                <DialogBody bg="white">
+                    <Stack py={3}>
+                        <Field.Root>
+                            <Field.Label color="black" pt={1} fontSize="12px">
+                                Select Industry
+                            </Field.Label>
+                            <select
+                                value={selectdDep.id}
+                                onChange={(e) => {
+                                    const selected = data?.data.find((item: any) => item.id === Number(e.target.value));
+                                    if (selected) {
+                                        setSelectdDep({ id: selected.id, en_name: selected.en_name });
+                                    }
+                                }}
+                                style={{
+                                    backgroundColor: "#EEEEEE",
+                                    color: "black",
+                                    border: "none",
+                                    height: "30px",
+                                    fontSize: "12px",
+                                    padding: "4px",
+                                    borderRadius: "4px",
+                                    width: "100%",
+                                }}
+                            >
+                                <option value="" disabled>
+                                    Select department
+                                </option>
+                                {data?.data.map((item: any) => (
+                                    <option value={item.id} key={item.id}>
+                                        {item.en_name}
+                                    </option>
+                                ))}
+                            </select>
+                        </Field.Root>
+
+                        <Field.Root>
+                            <Field.Label color="black" pt={1} fontSize="12px">
+                                Department
+                            </Field.Label>
+                            <Input
+                                value={jobtype}
+                                bgColor="#EEEEEE"
+                                color="black"
+                                border="none"
+                                pl={1}
+                                fontSize="12px"
+                                height="30px"
+                                onChange={(e) => setJobType(e.target.value)}
+                            />
+                        </Field.Root>
+                    </Stack>
+                </DialogBody>
+                <DialogFooter display="flex" justifyContent="center" pt={"2"}>
+                    <Button w="100%" bg="#02A0A0" color={"#fff"} onClick={handleSubmit}>
+                        Save
+                    </Button>
+                </DialogFooter>
+
+                <DialogCloseTrigger color="black" onClick={() => setIsOpen(false)} />
+            </DialogContent>
+            <Toaster />
+        </DialogRoot>
+    );
+}
+
+export default EditDepartmentMaster;
--- a/src/Pages/MasterModule/IndustryMaster/IndustryMasterList.tsx
+++ b/src/Pages/MasterModule/IndustryMaster/IndustryMasterList.tsx
@@ -132,7 +132,8 @@ const IndustryMasterList = () => {
                            value={searchTerm}
                            onChange={(value) => {
                                setSearchTerm(value);
-                                setCurrentPage(1);
+                                // setCurrentPage(1);
+                                refetch()
                            }}
                        />
                        {/* <Button bgColor={'#EEEEEE'} pl={3} pr={3}><IoMdAdd /> <Text>Add</Text></Button> */}
--- a/src/Pages/MasterModule/JobStatus/EditJobStatusModel.tsx
+++ b/src/Pages/MasterModule/JobStatus/EditJobStatusModel.tsx
@@ -1,19 +1,58 @@
 import { DialogBody, DialogCloseTrigger, DialogContent, DialogFooter, DialogHeader, DialogRoot, DialogTitle, DialogTrigger } from "../../../components/ui/dialog"
-import { Field, Input, Span, Stack } from "@chakra-ui/react"
+import { Box, Field, Input, Stack } from "@chakra-ui/react"
 import { Button } from "../../../components/ui/button"
 // import { FaRegEdit } from "react-icons/fa";
 import Edit from "../../../components/ActionIcons/Edit";
+import { useState } from "react";
+import { useUpdateJobStatusMutation } from "../../../Redux/Service/job.status";
+import { Toaster, toaster } from "../../../components/ui/toaster";


-function EditJobStatusModel() {
+function EditJobStatusModel({ localData, refetch }: { localData: any, refetch: VoidFunction }) {
+    const [updateJobStatus] = useUpdateJobStatusMutation()
+    const [title, setTitle] = useState(localData.translation.title);
+    const [isOpen, setIsOpen] = useState(false);

+    console.log(localData);
+    
+    const handleOpenModal = () => {
+        if (localData) {
+            setIsOpen(true);
+        }
+    };

+    const handleSubmit = async () => {
+        if (!title.trim()) {
+            toaster.create({
+                title: "Error",
+                description: "Title field cannot be empty.",
+                type: "error",
+            });
+            return;
+        }
+
+        const payload = {
+            id: localData?.id,
+            title: title
+        };
+
+        try {
+            await updateJobStatus(payload).unwrap();
+            refetch()
+            setIsOpen(false);
+        } catch (error) {
+            console.error("Error updating template:", error);
+            alert("Failed to update template");
+        }
+    };

    return (

-        <DialogRoot placement="center">
+        <DialogRoot placement="center" open={isOpen} onOpenChange={({ open }) => setIsOpen(open)}>
            <DialogTrigger asChild>
-                <Span><Edit /></Span>
+                <Box bg={"transparent"} onClick={handleOpenModal}>
+                    <Edit />
+                </Box>
            </DialogTrigger>

            <DialogContent
@@ -35,21 +74,30 @@ function EditJobStatusModel() {

                        <Field.Root>
                            <Field.Label color="black" pt={1} fontSize="12px">Job Status</Field.Label>
-                            <Input value="Lorem Ipsum" bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px" />
+                            <Input
+                                value={title}
+                                bgColor="#EEEEEE"
+                                color="black"
+                                border="none"
+                                pl={1}
+                                fontSize="12px"
+                                height="30px"
+                                onChange={(e) => setTitle(e.target.value)}
+                            />
                        </Field.Root>
                    </Stack>

                </DialogBody>
                <DialogFooter display="flex" justifyContent="center" pt={"2"}>
-                    <Button w="100%" bg="#02A0A0" color={"#fff"}>
+                    <Button w="100%" bg="#02A0A0" color={"#fff"} onClick={handleSubmit}>
                        Save
                    </Button>
                </DialogFooter>

                <DialogCloseTrigger color="black" />
            </DialogContent>
+            <Toaster />
        </DialogRoot >
-
    )
 }

--- a/src/Pages/MasterModule/JobStatus/JobStatus.tsx
+++ b/src/Pages/MasterModule/JobStatus/JobStatus.tsx
@@ -1,11 +1,13 @@
-import { Box, HStack, Input, Text } from "@chakra-ui/react";
+import { Box, HStack, Text } from "@chakra-ui/react";
 import MainFrame from "../../../components/MainFrame"
-import { InputGroup } from "../../../components/ui/input-group";
-import { LuSearch } from "react-icons/lu";
 import DataTable from "../../../components/DataTable";
 import { Switch } from "../../../components/ui/switch";
 import JobStatusAddModel from "./JobStatusAddModel";
 import EditJobStatusModel from "./EditJobStatusModel";
+import { useGetJobStatusQuery, useJobStatusToggleMutation } from "../../../Redux/Service/job.status";
+import { useEffect, useState } from "react";
+import SearchComponent from "../../../components/SearchComponent";
+import { toaster } from "../../../components/ui/toaster";



@@ -18,22 +20,93 @@ const tableHeadRow = [

 ];

-const managepost: any[] = [
-  ...Array.from({ length: 12 }, (_, i) => ({
-    "Sr. No": i + 1,
-    "Title": "Lorem Ipsum",
+// const managepost: any[] = [
+//   ...Array.from({ length: 12 }, (_, i) => ({
+//     "Sr. No": i + 1,
+//     "Title": "Lorem Ipsum",
+//     "Action": (
+//       <HStack justifyContent="center">
+//         <EditJobStatusModel />
+//         <Box>
+//           <Switch colorPalette={'teal'} size={"xs"} />
+//         </Box>
+//       </HStack>
+//     ),
+//   })),
+// ];
+
+const JobStatus = () => {
+  const [currentPage, setCurrentPage] = useState(1);
+  const { data, refetch } = useGetJobStatusQuery(currentPage)
+  const [localData, setLocalData] = useState<any[]>([]);
+  const [searchTerm, setSearchTerm] = useState("");
+  const [jobStatusToggle] = useJobStatusToggleMutation()
+  console.log(data?.data.data)
+
+  useEffect(() => {
+    if (data?.data?.data) {
+      setLocalData(data?.data.data);
+    }
+  }, [data]);
+
+  const handlePageChange = (page: number) => {
+    setCurrentPage(page);
+  };
+
+  const handleToggle = async (agencyId: string, currentStatus: number) => {
+    const newStatus = currentStatus ? 0 : 1;
+    setLocalData((prevData) =>
+      prevData.map((agency) =>
+        agency.id === agencyId ? { ...agency, is_active: newStatus } : agency
+      )
+    );
+    try {
+      await jobStatusToggle({ id: agencyId, is_active: newStatus }).unwrap();
+      refetch()
+    } catch (error) {
+      console.error("Error updating:", error);
+      toaster.create({
+        title: "Error",
+        description: "Someting went wrong.",
+        type: "error",
+      });
+      setLocalData((prevData) =>
+        prevData.map((agency) =>
+          agency.id === agencyId ? { ...agency, is_active: currentStatus } : agency
+        )
+      );
+    }
+  };
+
+  const filteredData = localData?.filter((agency) => {
+    return (agency.job_status_translation.map((item: any) => {
+      const searchLower = searchTerm.toLowerCase();
+      const title = item.title?.toLowerCase().includes(searchLower);
+      return title;
+    }))
+  });
+
+  const managepost = filteredData?.flatMap((agency: any, index: number) => (agency.job_status_translation.map((translation: any) => ({
+    'id': agency.id,
+    "Sr. No": (currentPage - 1) * (data?.data.per_page ?? 0) + index + 1,
+    "Title": translation.title,
+    "is_active": agency.is_active,
    "Action": (
      <HStack justifyContent="center">
-        <EditJobStatusModel />
+        {/* <ViewAgencyMaster agency={localData} id={agency.id} /> */}
+        <EditJobStatusModel localData={{ ...agency, translation }} refetch={refetch} />
        <Box>
-          <Switch colorPalette={'teal'} size={"xs"} />
+          <Switch
+            colorPalette={"teal"}
+            size={"xs"}
+            onChange={() => handleToggle(agency.id, Number(agency.is_active))}
+            checked={Boolean(Number(agency.is_active))}
+          />
        </Box>
      </HStack>
    ),
-  })),
-];
+  }))));

-const JobStatus = () => {
  return (

    <MainFrame>
@@ -50,34 +123,29 @@ const JobStatus = () => {
          </Text>

          <HStack >
-            <InputGroup
-              startElement={
-                <LuSearch fontSize={"xs"} style={{ position: 'relative', left: '10px' }} />
-              }
-              color={"#000"}
-            >
-              <Input
-                p={3}
-                w={300}
-                bg={"#fff"}
-                colorPalette={"blue"}
-                _focus={{ border: "1px solid #02A0A0" }}
-                rounded={"md"}
-                size={"xs"}
-                fontSize={"sm"}
-                placeholder="Search..."
-                bgColor={'#EEEEEE'}
-                ps={8}
-              />
-            </InputGroup>
+            <SearchComponent
+              value={searchTerm}
+              onChange={(value) => {
+                setSearchTerm(value);
+                // setCurrentPage(1);
+                refetch()
+              }}
+            />
            {/* <Button bgColor={'#EEEEEE'} pl={3} pr={3}><IoMdAdd /> <Text>Add</Text></Button> */}
-            <JobStatusAddModel />
+            <JobStatusAddModel refetch={refetch} />
          </HStack>
        </HStack>
        <DataTable
          sortableColumns={["Name", "Registration Date "]}
          tableHeadRow={tableHeadRow}
          data={managepost}
+          paginationData={{
+            current_page: data?.data.current_page || 1,
+            last_page: data?.data.last_page || 1,
+            per_page: data?.data.per_page || 10,
+            total: data?.data.total || 0
+          }}
+          onPageChange={handlePageChange}
        />
      </Box>
    </MainFrame>
--- a/src/Pages/MasterModule/JobStatus/JobStatusAddModel.tsx
+++ b/src/Pages/MasterModule/JobStatus/JobStatusAddModel.tsx
@@ -2,31 +2,66 @@ import { DialogBody, DialogCloseTrigger, DialogContent, DialogFooter, DialogHead
 import { Field, Input, Stack, Text } from "@chakra-ui/react"
 import { IoMdAdd } from "react-icons/io"
 import { Button } from "../../../components/ui/button"
+import { useCreateJobStatusPostMutation } from "../../../Redux/Service/job.status"
+import { toaster } from "../../../components/ui/toaster"
+import { useState } from "react"
+
+function JobStatusAddModel({ refetch }: { refetch: VoidFunction }) {
+    const [title, setTitle] = useState('')
+    const [isOpen, setIsOpen] = useState(false);
+    const [createJobStatusPost] = useCreateJobStatusPostMutation()
+
+    const handleOpenModal = () => {
+        setIsOpen(true);
+    };
+
+    const handleSubmit = async () => {
+        if (!title.trim()) {
+            toaster.create({
+                title: "Error",
+                description: "Title field cannot be empty.",
+                type: "error",
+            });
+            return;
+        }
+
+        const payload = {
+            title: title,
+        };
+
+        try {
+            await createJobStatusPost(payload).unwrap();
+            refetch()
+            setIsOpen(false);
+            setTitle('')
+        } catch (error) {
+            console.error("Error updating template:", error);
+            alert("Failed to update template");
+        }
+    };

-function JobStatusAddModel() {
-   
    return (

-        <DialogRoot placement="center">
+        <DialogRoot placement="center" open={isOpen}>
            <DialogTrigger asChild>
                {/* <Button bg={"transparent"} size="sm">
                    <MdOutlineRemoveRedEye style={{ cursor: "pointer", fontSize: "16px" }} />
                </Button> */}
-                <Button  px={5} size={"xs"} bg={"#02A0A0"}>
+                <Button px={5} size={"xs"} bg={"#02A0A0"} onClick={handleOpenModal}>
                    <IoMdAdd /> <Text>Add</Text>
                </Button>

            </DialogTrigger>

            <DialogContent
-                 bg={"#fff"}
-                 // w={{ lg: "60%", md: "230px" }}
-                 w={{ base: '90%', md: '400px' }}
+                bg={"#fff"}
+                // w={{ lg: "60%", md: "230px" }}
+                w={{ base: '90%', md: '400px' }}
                height={'auto'}
-                 
-                 overflowX="hidden" 
-                 p={3} // Reduced padding
-                 bgSize={'md'}
+
+                overflowX="hidden"
+                p={3} // Reduced padding
+                bgSize={'md'}
            >
                <DialogHeader bg="white" >
                    <DialogTitle alignSelf="center" color="black" fontSize="14px">Add</DialogTitle>
@@ -37,18 +72,28 @@ function JobStatusAddModel() {

                        <Field.Root>
                            <Field.Label color="black" pt={1} fontSize="12px">Job Status</Field.Label>
-                            <Input placeholder="" bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px" />
+                            <Input
+                                placeholder=""
+                                bgColor="#EEEEEE"
+                                color="black"
+                                border="none"
+                                pl={1}
+                                fontSize="12px"
+                                height="30px"
+                                value={title}
+                                onChange={(e) => setTitle(e.target.value)}
+                            />
                        </Field.Root>
                    </Stack>

                </DialogBody>
                <DialogFooter display="flex" justifyContent="center" pt={"2"}>
-                    <Button w="100%" bg="#02A0A0" color={"#fff"}>
+                    <Button w="100%" bg="#02A0A0" color={"#fff"} onClick={handleSubmit}>
                        Save
                    </Button>
                </DialogFooter>

-                <DialogCloseTrigger color="black" />
+                <DialogCloseTrigger color="black" onClick={() => setIsOpen(false)} />
            </DialogContent>
        </DialogRoot >

--- a/src/Pages/MasterModule/JobType/JobType.tsx
+++ b/src/Pages/MasterModule/JobType/JobType.tsx
@@ -123,7 +123,8 @@ const JobType = () => {
              value={searchTerm}
              onChange={(value) => {
                setSearchTerm(value);
-                setCurrentPage(1);
+                // setCurrentPage(1);
+                refetch()
              }}
            />
            {/* <Button bgColor={'#EEEEEE'} pl={3} pr={3}><IoMdAdd /> <Text>Add</Text></Button> */}
--- a/src/Pages/MasterModule/WorkspaceMode/EditWorkModel.tsx
+++ b/src/Pages/MasterModule/WorkspaceMode/EditWorkModel.tsx
@@ -9,20 +9,64 @@ import {
  DialogTrigger,
 } from "../../../components/ui/dialog";
 import {
+  Box,
  Field,
  Input,
-  Span,
  Stack,
 } from "@chakra-ui/react";
 import { Button } from "../../../components/ui/button";
 // import { FaRegEdit } from "react-icons/fa";
 import Edit from "../../../components/ActionIcons/Edit";
+import { useState } from "react";
+import { toaster } from "../../../components/ui/toaster";
+import { useUpdateWorkSpaceMutation } from "../../../Redux/Service/workspace.mode";
+
+function EditWorkModel({ localData, refetch }: {localData: any, refetch: VoidFunction}) {
+  const [title, setTitle] = useState(localData?.en_name);
+  const [isOpen, setIsOpen] = useState(false);
+  const [updateWorkSpace] = useUpdateWorkSpaceMutation()
+  console.log("localData", localData)
+
+  const handleOpenModal = () => {
+    // const template = localData?.find((item: any) => item.id === id);
+    if (localData) {
+      setIsOpen(true);
+      // setTitle(localData?.localData.en_name);
+    }
+  };
+
+
+  const handleSubmit = async () => {
+    if (!title.trim()) {
+      toaster.create({
+        title: "Error",
+        description: "Title field cannot be empty.",
+        type: "error",
+      });
+      return;
+    }
+
+    const payload = {
+      id: localData?.id,
+      en_name: title
+    };
+
+    try {
+      await updateWorkSpace(payload).unwrap();
+      refetch()
+      setIsOpen(false);
+    } catch (error) {
+      console.error("Error updating template:", error);
+      alert("Failed to update template");
+    }
+  };

-function EditWorkModel() {
  return (
-    <DialogRoot placement="center">
+    <DialogRoot placement="center" open={isOpen} onOpenChange={({ open }) => setIsOpen(open)}>
      <DialogTrigger asChild>
-        <Span><Edit /></Span>
+        <Box bg={"transparent"} onClick={handleOpenModal}>
+          <Edit />
+        </Box>
      </DialogTrigger>

      <DialogContent
@@ -47,19 +91,20 @@ function EditWorkModel() {
                Workspace Mode
              </Field.Label>
              <Input
-                value="Lorem Ipsum"
+                value={title}
                bgColor="#EEEEEE"
                color="black"
                border="none"
                pl={1}
                fontSize="12px"
                height="30px"
+                onChange={(e) => setTitle(e.target.value)}
              />
            </Field.Root>
          </Stack>
        </DialogBody>
        <DialogFooter display="flex" justifyContent="center" pt={"2"}>
-          <Button w="100%" bg="#02A0A0" color={"#fff"}>
+          <Button w="100%" bg="#02A0A0" color={"#fff"} onClick={handleSubmit}>
            Save
          </Button>
        </DialogFooter>
--- a/src/Pages/MasterModule/WorkspaceMode/WorkAddModel.tsx
+++ b/src/Pages/MasterModule/WorkspaceMode/WorkAddModel.tsx
@@ -1,32 +1,67 @@
 import { DialogBody, DialogCloseTrigger, DialogContent, DialogFooter, DialogHeader, DialogRoot, DialogTitle, DialogTrigger } from "../../../components/ui/dialog"
-import {Field, Input, Stack, Text } from "@chakra-ui/react"
+import { Field, Input, Stack, Text } from "@chakra-ui/react"
 import { IoMdAdd } from "react-icons/io"
 import { Button } from "../../../components/ui/button"
+import { useState } from "react";
+import { useCreateWorkspacePostMutation } from "../../../Redux/Service/workspace.mode";
+import { Toaster, toaster } from "../../../components/ui/toaster";
+
+function WorkAddModel({ refetch }: { refetch: VoidFunction }) {
+    const [title, setTitle] = useState('')
+    const [isOpen, setIsOpen] = useState(false);
+    const [createWorkspacePost] = useCreateWorkspacePostMutation()
+
+    const handleOpenModal = () => {
+        setIsOpen(true);
+    };
+
+    const handleSubmit = async () => {
+        if (!title.trim()) {
+            toaster.create({
+                title: "Error",
+                description: "Title field cannot be empty.",
+                type: "error",
+            });
+            return;
+        }
+
+        const payload = {
+            en_name: title,
+        };
+
+        try {
+            await createWorkspacePost(payload);
+            refetch()
+            setIsOpen(false);
+            setTitle('')
+        } catch (error) {
+            console.error("Error updating template:", error);
+            alert("Failed to update template");
+        }
+    };

-function WorkAddModel() {
-   
    return (

-        <DialogRoot placement="center">
+        <DialogRoot placement="center" open={isOpen}>
            <DialogTrigger asChild>
                {/* <Button bg={"transparent"} size="sm">
                    <MdOutlineRemoveRedEye style={{ cursor: "pointer", fontSize: "16px" }} />
                </Button> */}
-                <Button  px={5} size={"xs"} bg={"#02A0A0"}>
+                <Button px={5} size={"xs"} bg={"#02A0A0"} onClick={handleOpenModal}>
                    <IoMdAdd /> <Text>Add</Text>
                </Button>

            </DialogTrigger>

            <DialogContent
-                 bg={"#fff"}
-                 // w={{ lg: "60%", md: "230px" }}
-                 w={{ base: '90%', md: '400px' }}
+                bg={"#fff"}
+                // w={{ lg: "60%", md: "230px" }}
+                w={{ base: '90%', md: '400px' }}
                height={'auto'}
-                 
-                 overflowX="hidden" 
-                 p={3} // Reduced padding
-                 bgSize={'md'}
+
+                overflowX="hidden"
+                p={3} // Reduced padding
+                bgSize={'md'}
            >
                <DialogHeader bg="white" >
                    <DialogTitle alignSelf="center" color="black" fontSize="14px">Add</DialogTitle>
@@ -37,19 +72,30 @@ function WorkAddModel() {

                        <Field.Root>
                            <Field.Label color="black" pt={1} fontSize="12px">Workspace Mode</Field.Label>
-                            <Input placeholder="" bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px" />
+                            <Input
+                                placeholder=""
+                                bgColor="#EEEEEE"
+                                color="black"
+                                border="none"
+                                pl={1}
+                                fontSize="12px"
+                                height="30px"
+                                value={title}
+                                onChange={(e) => setTitle(e.target.value)}
+                            />
                        </Field.Root>
                    </Stack>

                </DialogBody>
                <DialogFooter display="flex" justifyContent="center" pt={"2"}>
-                    <Button w="100%" bg="#02A0A0" color={"#fff"}>
+                    <Button w="100%" bg="#02A0A0" color={"#fff"} onClick={handleSubmit}>
                        Save
                    </Button>
                </DialogFooter>

-                <DialogCloseTrigger color="black" />
+                <DialogCloseTrigger color="black" onClick={() => setIsOpen(false)} />
            </DialogContent>
+            <Toaster />
        </DialogRoot >

    )
--- a/src/Pages/MasterModule/WorkspaceMode/WorkspaceMode.tsx
+++ b/src/Pages/MasterModule/WorkspaceMode/WorkspaceMode.tsx
@@ -1,11 +1,13 @@
-import { Box, HStack, Input, Text } from "@chakra-ui/react";
+import { Box, HStack, Text } from "@chakra-ui/react";
 import MainFrame from "../../../components/MainFrame"
-import { InputGroup } from "../../../components/ui/input-group";
-import { LuSearch } from "react-icons/lu";
 import DataTable from "../../../components/DataTable";
 import { Switch } from "../../../components/ui/switch";
 import WorkAddModel from "./WorkAddModel";
 import EditWorkModel from "./EditWorkModel";
+import { useEffect, useState } from "react";
+import { useGetWorkSpaceModeQuery, useWorkspaceToggleMutation } from "../../../Redux/Service/workspace.mode";
+import SearchComponent from "../../../components/SearchComponent";
+import { Toaster, toaster } from "../../../components/ui/toaster";



@@ -15,25 +17,95 @@ const tableHeadRow = [
  "Sr. No",
  "Title",
  "Action"
-  
+
 ];

-const managepost: any[] = [
-  ...Array.from({ length: 12 }, (_, i) => ({
-    "Sr. No": i + 1,
-    "Title": "Lorem Ipsum",
+// const managepost: any[] = [
+//   ...Array.from({ length: 12 }, (_, i) => ({
+//     "Sr. No": i + 1,
+//     "Title": "Lorem Ipsum",
+//     "Action": (
+//       <HStack justifyContent="center">
+//         <EditWorkModel />
+//         <Box>
+//           <Switch colorPalette={'teal'} size={"xs"} />
+//         </Box>
+//       </HStack>
+//     ),
+//   })),
+// ];
+
+const WorkspaceMode = () => {
+  const [currentPage, setCurrentPage] = useState(1);
+  const { data, refetch } = useGetWorkSpaceModeQuery(currentPage)
+  const [localData, setLocalData] = useState<any[]>([]);
+  const [searchTerm, setSearchTerm] = useState("");
+  const [workspaceToggle] = useWorkspaceToggleMutation()
+
+  console.log("Workspace Data", data?.data.data)
+
+  useEffect(() => {
+    if (data?.data?.data) {
+      setLocalData(data?.data.data);
+    }
+  }, [data]);
+
+  const handlePageChange = (page: number) => {
+    setCurrentPage(page);
+  };
+
+  const handleToggle = async (agencyId: string, currentStatus: number) => {
+    const newStatus = currentStatus ? 0 : 1;
+    setLocalData((prevData) =>
+      prevData.map((agency) =>
+        agency.id === agencyId ? { ...agency, is_active: newStatus } : agency
+      )
+    );
+    try {
+      await workspaceToggle({ id: agencyId, is_active: newStatus }).unwrap();
+      refetch()
+    } catch (error) {
+      console.error("Error updating privacy policy:", error);
+      toaster.create({
+        title: "Error",
+        description: "Someting went wrong.",
+        type: "error",
+      });
+      setLocalData((prevData) =>
+        prevData.map((agency) =>
+          agency.id === agencyId ? { ...agency, is_active: currentStatus } : agency
+        )
+      );
+    }
+  };
+
+  const filteredData = localData?.filter((agency) => {
+    const searchLower = searchTerm.toLowerCase();
+    const title = agency.en_name?.toLowerCase().includes(searchLower);
+    return title;
+  });
+
+  const managepost = filteredData?.map((agency: any, index: number) => ({
+    'id': agency.id,
+    "Sr. No": (currentPage - 1) * (data?.data.per_page ?? 0) + index + 1,
+    "Title": agency.en_name,
+    "is_active": agency.is_active,
    "Action": (
      <HStack justifyContent="center">
-        <EditWorkModel />
+        {/* <ViewAgencyMaster agency={localData} id={agency.id} /> */}
+        <EditWorkModel localData={agency} refetch={refetch} />
        <Box>
-          <Switch colorPalette={'teal'} size={"xs"}/>
+          <Switch
+            colorPalette={"teal"}
+            size={"xs"}
+            onChange={() => handleToggle(agency.id, Number(agency.is_active))}
+            checked={Boolean(Number(agency.is_active))}
+          />
        </Box>
      </HStack>
    ),
-  })),
-];
+  }));

-const WorkspaceMode = () => {
  return (

    <MainFrame>
@@ -46,40 +118,36 @@ const WorkspaceMode = () => {
          px={3}
        >
          <Text as={"span"} fontSize={"sm"} fontWeight={500} color={"#000"}>
-          Workspace Mode
+            Workspace Mode
          </Text>

          <HStack >
-            <InputGroup 
-              startElement={
-                <LuSearch fontSize={"xs"} style={{ position: 'relative', left: '10px' }} />
-              }
-              color={"#000"}
-            >
-              <Input
-                p={3}
-                w={300}
-                bg={"#fff"}
-                colorPalette={"blue"}
-                _focus={{ border: "1px solid #02A0A0" }}
-                rounded={"md"}
-                size={"xs"}
-                fontSize={"sm"}
-                placeholder="Search..."
-                bgColor={'#EEEEEE'}
-                ps={8}
-              />
-            </InputGroup>
+            <SearchComponent
+              value={searchTerm}
+              onChange={(value) => {
+                setSearchTerm(value);
+                // setCurrentPage(1);
+                refetch()
+              }}
+            />
            {/* <Button bgColor={'#EEEEEE'} pl={3} pr={3}><IoMdAdd /> <Text>Add</Text></Button> */}
-            <WorkAddModel />
+            <WorkAddModel refetch={refetch}/>
          </HStack>
        </HStack>
        <DataTable
          sortableColumns={["Name", "Registration Date "]}
          tableHeadRow={tableHeadRow}
          data={managepost}
+          paginationData={{
+            current_page: data?.data.current_page || 1,
+            last_page: data?.data.last_page || 1,
+            per_page: data?.data.per_page || 10,
+            total: data?.data.total || 0
+          }}
+          onPageChange={handlePageChange}
        />
-      </Box>       
+      </Box>
+      <Toaster />
    </MainFrame>
  )
 }
--- a/src/Redux/Service/department.master.ts
+++ b/src/Redux/Service/department.master.ts
@@ -0,0 +1,109 @@
+import { createApi } from "@reduxjs/toolkit/query/react";
+import { baseQueryWithReauth } from "./apiSlice";
+
+export interface DepartmentData {
+    id: number;
+    industry_masters_xid: number;
+    en_name: string;
+    hi_name: string;
+    mr_name: string;
+    te_name: string;
+    ta_name: string;
+    bn_name: string;
+    or_name: string;
+    is_active: string;
+}
+
+interface ApiResponse {
+    status: string;
+    status_code: number;
+    message: string;
+    data: {
+        current_page: number,
+        last_page: number,
+        total: number,
+        from: number,
+        per_page: number,
+        to: number,
+        data: DepartmentData[];
+    };
+}
+
+export interface CountryEdit {
+    status: string;
+    status_code: number;
+    message: string;
+    data: DepartmentData[];
+}
+
+export interface DropDown{
+    status: string;
+    status_code: number;
+    message: string;
+    data: {
+        id: number;
+        en_name: string;
+    }[]
+}
+
+export type PostDepartment = {
+    en_name: string;
+    industry_masters_xid: number;
+};
+
+
+export const departmentMaster = createApi({
+    reducerPath: "departmentMaster",
+    baseQuery: baseQueryWithReauth, // Use enhanced baseQuery with error handling
+    endpoints: (builder) => ({
+        createDepartmentPost: builder.mutation<PostDepartment, Partial<PostDepartment>>({
+            query: (data) => ({
+                url: "/department-master-store",
+                method: "POST",
+                body: data,
+            }),
+        }),
+        // 🔹 GET: Fetch all posts
+        getDepartmentMaster: builder.query<ApiResponse, number>({
+            query: (page = 1) => `/department-master-list?page=${page}`,
+        }),
+
+        getDepartmentMasterDropDown: builder.query<DropDown, void>({
+            query: () => `/industry-master-get-category`,
+        }),
+
+        updateDepartment: builder.mutation({
+            query: (updatedData) => ({
+                url: "/department-master-update",
+                method: "POST",
+                body: updatedData,
+            }),
+        }),
+
+        departmentToggle: builder.mutation({
+            query: ({ id, is_active }) => ({
+                url: `/department-master-status`,
+                method: "POST",
+                body: { id, is_active },
+            }),
+        }),
+
+        // deleteFaqPost: builder.mutation<{ status: string; message: string }, { id: number }>({
+        //     query: ({ id }) => ({
+        //         url: `/faq-delete`,
+        //         method: "POST",
+        //         body: { id },
+        //     }),
+        // }),
+
+    }),
+});
+
+export const {
+    useGetDepartmentMasterQuery,
+    useGetDepartmentMasterDropDownQuery,
+    useCreateDepartmentPostMutation,
+    useUpdateDepartmentMutation,
+    useDepartmentToggleMutation,
+    // useDeleteFaqPostMutation
+} = departmentMaster;
--- a/src/Redux/Service/job.status.ts
+++ b/src/Redux/Service/job.status.ts
@@ -0,0 +1,91 @@
+import { createApi } from "@reduxjs/toolkit/query/react";
+import { baseQueryWithReauth } from "./apiSlice";
+
+export interface JobStatusData {
+    id: number;
+    is_active: string;
+    job_status_translation:{
+        job_status_xid: number,
+        title:string,
+        language_xid:number
+    }[],
+}
+
+interface ApiResponse {
+    status: string;
+    status_code: number;
+    message: string;
+    data: {
+        current_page: number,
+        last_page: number,
+        total: number,
+        from: number,
+        per_page: number,
+        to: number,
+        data: JobStatusData[];
+    };
+}
+
+export interface CountryEdit {
+    status: string;
+    status_code: number;
+    message: string;
+    data: JobStatusData[];
+}
+
+
+export type PostJobStatus = {
+ title: string
+};
+
+
+export const jobStatus = createApi({
+    reducerPath: "jobStatus",
+    baseQuery: baseQueryWithReauth, // Use enhanced baseQuery with error handling
+    endpoints: (builder) => ({
+        createJobStatusPost: builder.mutation<PostJobStatus, Partial<PostJobStatus>>({
+            query: (data) => ({
+                url: "/job-status-store",
+                method: "POST",
+                body: data,
+            }),
+        }),
+        // 🔹 GET: Fetch all posts
+        getJobStatus: builder.query<ApiResponse, number>({
+            query: (page = 1) => `/job-status-list?page=${page}`,
+        }),
+
+        updateJobStatus: builder.mutation({
+            query: (updatedData) => ({
+                url: "/job-status-update",
+                method: "POST",
+                body: updatedData,
+            }),
+        }),
+
+        jobStatusToggle: builder.mutation({
+            query: ({ id, is_active }) => ({
+                url: `/job-status-status`,
+                method: "POST",
+                body: { id, is_active },
+            }),
+        }),
+
+        // deleteFaqPost: builder.mutation<{ status: string; message: string }, { id: number }>({
+        //     query: ({ id }) => ({
+        //         url: `/faq-delete`,
+        //         method: "POST",
+        //         body: { id },
+        //     }),
+        // }),
+
+    }),
+});
+
+export const {
+    useGetJobStatusQuery,
+    useCreateJobStatusPostMutation,
+    useUpdateJobStatusMutation,
+    useJobStatusToggleMutation,
+    // useDeleteFaqPostMutation
+} = jobStatus;
--- a/src/Redux/Service/manage.jobs.service.ts
+++ b/src/Redux/Service/manage.jobs.service.ts
@@ -1,26 +1,84 @@
-import { createApi } from "@reduxjs/toolkit/query";
+import { createApi } from "@reduxjs/toolkit/query/react";
 import { baseQueryWithReauth } from "./apiSlice";

-export const manageJobs = createApi({
-    reducerPath: "manageJobs",
-    baseQuery: baseQueryWithReauth, // Use enhanced baseQuery with error handling
-    endpoints: (builder) => ({
-  
-  
-  
-      getPosts: builder.query<Post[], void>({ query: () => "/posts" }),
-  
-  
-  
-  
-  
-    }),
-  });
-  
-  export const {  } = manageJobs;
-  
-  export type Post = {
+export interface JobStatusData {
+  id: number;
+  job_title: string;
+  workspace_mode_xid: number;
+  industry_xid: number;
+  department_xid: number;
+  company_name: string;
+  ctc_currency_symbol: string;
+  ctc_amount: string;
+  experience: string;
+  job_location: string;
+  country_xid: number;
+  job_type_xid: number;
+  skill_description: string;
+  job_description: string;
+  job_image: string | null;
+  industry: {
    id: number;
-    title: string;
-    body: string;
-  };
+    en_name: string;
+  };
+  department: {
+    id: number;
+    en_name: string;
+  };
+  workspace: {
+    id: number;
+    en_name: string;
+  };
+  country: {
+    id: number;
+    en_name: string;
+  };
+  job_type: {
+    id: number;
+    en_name: string;
+  };
+}
+
+interface ApiResponse {
+  status: string;
+  status_code: number;
+  message: string;
+  data: {
+    current_page: number,
+    last_page: number,
+    total: number,
+    from: number,
+    per_page: number,
+    to: number,
+    data: JobStatusData[];
+  };
+}
+
+export interface CountryEdit {
+  status: string;
+  status_code: number;
+  message: string;
+  data: JobStatusData[];
+}
+
+
+export type PostJobStatus = {
+  title: string
+};
+
+export const manageJobs = createApi({
+  reducerPath: "manageJobs",
+  baseQuery: baseQueryWithReauth, // Use enhanced baseQuery with error handling
+  endpoints: (builder) => ({
+    getManageJobs: builder.query<ApiResponse, number>({
+      query: (page = 1) => `/manage-jobs-list?page=${page}`,
+    }),
+
+
+
+
+
+  }),
+});
+
+export const { useGetManageJobsQuery } = manageJobs;
--- a/src/Redux/Service/manage.post.service.ts
+++ b/src/Redux/Service/manage.post.service.ts
@@ -0,0 +1,82 @@
+import { createApi } from "@reduxjs/toolkit/query/react";
+import { baseQueryWithReauth } from "./apiSlice";
+
+export interface JobStatusData {
+    id: number;
+    is_active: string;
+    created_at:string,
+    job_status_translation:{
+        job_status_xid: number,
+        title:string,
+        language_xid:number
+    }[],
+}
+
+interface ApiResponse {
+    status: string;
+    status_code: number;
+    message: string;
+    data: {
+        current_page: number,
+        last_page: number,
+        total: number,
+        from: number,
+        per_page: number,
+        to: number,
+        data: JobStatusData[];
+    };
+}
+
+export interface CountryEdit {
+    status: string;
+    status_code: number;
+    message: string;
+    data: JobStatusData[];
+}
+
+
+export type PostJobStatus = {
+ title: string
+};
+
+
+export const managePosts = createApi({
+    reducerPath: "managePosts",
+    baseQuery: baseQueryWithReauth, // Use enhanced baseQuery with error handling
+    endpoints: (builder) => ({
+        // createJobStatusPost: builder.mutation<PostJobStatus, Partial<PostJobStatus>>({
+        //     query: (data) => ({
+        //         url: "/job-status-store",
+        //         method: "POST",
+        //         body: data,
+        //     }),
+        // }),
+        // 🔹 GET: Fetch all posts
+        getManagePosts: builder.query<ApiResponse, number>({
+            query: (page = 1) => `/manage-post-list?page=${page}`,
+        }),
+
+        postStatusToggle: builder.mutation({
+            query: ({ id, is_active }) => ({
+                url: `/manage-post-status`,
+                method: "POST",
+                body: { id, is_active },
+            }),
+        }),
+
+        // deleteFaqPost: builder.mutation<{ status: string; message: string }, { id: number }>({
+        //     query: ({ id }) => ({
+        //         url: `/faq-delete`,
+        //         method: "POST",
+        //         body: { id },
+        //     }),
+        // }),
+
+    }),
+});
+
+export const {
+    useGetManagePostsQuery,
+    usePostStatusToggleMutation,
+    // useDeleteFaqPostMutation
+} = managePosts;
--- a/src/Redux/Service/manage.posts.service.ts
+++ b/src/Redux/Service/manage.posts.service.ts
@@ -1,26 +0,0 @@
-import { createApi } from "@reduxjs/toolkit/query";
-import { baseQueryWithReauth } from "./apiSlice";
-
-export const managePosts = createApi({
-    reducerPath: "managePosts",
-    baseQuery: baseQueryWithReauth, // Use enhanced baseQuery with error handling
-    endpoints: (builder) => ({
-  
-  
-  
-      getPosts: builder.query<Post[], void>({ query: () => "/posts" }),
-  
-  
-  
-  
-  
-    }),
-  });
-  
-  export const {  } = managePosts;
-  
-  export type Post = {
-    id: number;
-    title: string;
-    body: string;
-  };
--- a/src/Redux/Service/workspace.mode.ts
+++ b/src/Redux/Service/workspace.mode.ts
@@ -0,0 +1,96 @@
+import { createApi } from "@reduxjs/toolkit/query/react";
+import { baseQueryWithReauth } from "./apiSlice";
+
+export interface WorkspaceData {
+    id: number;
+    en_name: string;
+    is_active: string;
+}
+
+interface ApiResponse {
+    status: string;
+    status_code: number;
+    message: string;
+    data: {
+        current_page: number,
+        last_page: number,
+        total: number,
+        from: number,
+        per_page: number,
+        to: number,
+        data: WorkspaceData[];
+    };
+}
+
+export interface CountryEdit {
+    status: string;
+    status_code: number;
+    message: string;
+    data: WorkspaceData[];
+}
+
+export interface DropDown {
+    status: string;
+    status_code: number;
+    message: string;
+    data: {
+        id: number;
+        en_name: string;
+    }[]
+}
+
+export type PostDepartment = {
+    en_name: string;
+};
+
+
+export const workspaceMode = createApi({
+    reducerPath: "workspaceMode",
+    baseQuery: baseQueryWithReauth, // Use enhanced baseQuery with error handling
+    endpoints: (builder) => ({
+        createWorkspacePost: builder.mutation<PostDepartment, Partial<PostDepartment>>({
+            query: (data) => ({
+                url: "/department-master-store",
+                method: "POST",
+                body: data,
+            }),
+        }),
+        // 🔹 GET: Fetch all posts
+        getWorkSpaceMode: builder.query<ApiResponse, number>({
+            query: (page = 1) => `/workspace-mode?page=${page}`,
+        }),
+
+        updateWorkSpace: builder.mutation({
+            query: (updatedData) => ({
+                url: "/workspace-update",
+                method: "POST",
+                body: updatedData,
+            }),
+        }),
+
+        workspaceToggle: builder.mutation({
+            query: ({ id, is_active }) => ({
+                url: `/workspace-status`,
+                method: "POST",
+                body: { id, is_active },
+            }),
+        }),
+
+        // deleteFaqPost: builder.mutation<{ status: string; message: string }, { id: number }>({
+        //     query: ({ id }) => ({
+        //         url: `/faq-delete`,
+        //         method: "POST",
+        //         body: { id },
+        //     }),
+        // }),
+
+    }),
+});
+
+export const {
+    useGetWorkSpaceModeQuery,
+    useCreateWorkspacePostMutation,
+    useUpdateWorkSpaceMutation,
+    useWorkspaceToggleMutation,
+    // useDeleteFaqPostMutation
+} = workspaceMode;
--- a/src/Redux/Store.tsx
+++ b/src/Redux/Store.tsx
@@ -4,7 +4,6 @@ import authReducer from "./Service/authSlice";
 import { registerUser } from "./Service/register.user.service";
 import { deactivatedAccounts } from "./Service/deactivated.account.service";
 import { faqs } from "./Service/faqs.service";
-import { managePosts } from "./Service/manage.posts.service";
 import { manageSubAdmin } from "./Service/manage.subadmin.service";
 import { manageJobs } from "./Service/manage.jobs.service";
 import { manageGroups } from "./Service/manage.groups.service";
@@ -20,6 +19,10 @@ import { jobType } from "./Service/job.type.service";
 import { industryMaster } from "./Service/industry.master.service";
 import { profile } from "./Service/profile.password";
 import { countryMaster } from "./Service/country.master";
+import { departmentMaster } from "./Service/department.master";
+import { workspaceMode } from "./Service/workspace.mode";
+import { jobStatus } from "./Service/job.status";
+import { managePosts } from "./Service/manage.post.service";

 export const store = configureStore({
  reducer: {
@@ -27,7 +30,6 @@ export const store = configureStore({
    [registerUser.reducerPath]: registerUser.reducer,
    [deactivatedAccounts.reducerPath]: deactivatedAccounts.reducer,
    [faqs.reducerPath]: faqs.reducer,
-    [managePosts.reducerPath]: managePosts.reducer,
    [manageSubAdmin.reducerPath]: manageSubAdmin.reducer,
    [manageJobs.reducerPath]: manageJobs.reducer,
    [manageGroups.reducerPath]: manageGroups.reducer,
@@ -43,13 +45,16 @@ export const store = configureStore({
    [industryMaster.reducerPath]: industryMaster.reducer,
    [profile.reducerPath]: profile.reducer,
    [countryMaster.reducerPath]: countryMaster.reducer,
+    [departmentMaster.reducerPath]: departmentMaster.reducer,
+    [workspaceMode.reducerPath]: workspaceMode.reducer,
+    [jobStatus.reducerPath]: jobStatus.reducer,
+    [managePosts.reducerPath]: managePosts.reducer,
    auth: authReducer,
  },
  middleware: (getDefaultMiddleware) =>
    getDefaultMiddleware().concat(
-      dashboard.middleware, 
+      dashboard.middleware,
      deactivatedAccounts.middleware,
-      managePosts.middleware,
      faqs.middleware,
      manageSubAdmin.middleware,
      manageJobs.middleware,
@@ -66,7 +71,11 @@ export const store = configureStore({
      industryMaster.middleware,
      profile.middleware,
      countryMaster.middleware,
-      ),
+      departmentMaster.middleware,
+      workspaceMode.middleware,
+      jobStatus.middleware,
+      managePosts.middleware,
+    ),
 });

 export type RootState = ReturnType<typeof store.getState>;
--- a/src/Routes/Nav.ts
+++ b/src/Routes/Nav.ts
@@ -143,6 +143,11 @@ export const nav = [
              path: "/master-module/industry-master",
              Icon: GoDotFill,
            },
+            {
+              title: "Department Master",
+              path: "/master-module/department-master",
+              Icon: GoDotFill,
+            },
          ],
        },
  ];
--- a/src/Routes/Routes.ts
+++ b/src/Routes/Routes.ts
@@ -24,6 +24,7 @@ import RegisterUsers from "../Pages/ManageUsers/RegisterUsers/RegisterUsers";
 import DeactivatedAccounts from "../Pages/ManageUsers/DeactivatedAccounts/DeactivatedAccounts";
 import { Spinner } from "../components/Sipnner/Spinner";
 import IndustryMasterList from "../Pages/MasterModule/IndustryMaster/IndustryMasterList";
+import DepartmentMasterList from "../Pages/MasterModule/DepartmentMaster/DepartmentMasterList";

 export const RouteLink = [
    { path: "/", Component: Dashboard },
@@ -63,6 +64,7 @@ export const RouteLink = [
    { path: "/master-module/country", Component: Country},
    { path: "/master-module/job-status", Component: JobStatus},
    { path: "/master-module/industry-master", Component: IndustryMasterList},
+    { path: "/master-module/department-master", Component: DepartmentMasterList},
    // { path: "/job-status", Component: Spinner},

 ]