API implementation for CMS and Master module

src/Pages/MasterModule/JobStatus/EditJobStatusModel.tsx

@@ -1,30 +1,30 @@
 import { DialogBody, DialogCloseTrigger, DialogContent, DialogFooter, DialogHeader, DialogRoot, DialogTitle, DialogTrigger } from "../../../components/ui/dialog"
-import { Box, Field, IconButton, Input, Span, Stack, Text, Textarea } from "@chakra-ui/react"
+import { Field, Input, Span, Stack } from "@chakra-ui/react"
 import { Button } from "../../../components/ui/button"
-import { FaRegEdit } from "react-icons/fa";
+// import { FaRegEdit } from "react-icons/fa";
 import Edit from "../../../components/ActionIcons/Edit";
 
 
 function EditJobStatusModel() {
 
 
-   
+
     return (
 
         <DialogRoot placement="center">
             <DialogTrigger asChild>
-               <Span><Edit /></Span>
+                <Span><Edit /></Span>
             </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">Edit</DialogTitle>

src/Pages/MasterModule/JobStatus/JobStatus.tsx

@@ -1,4 +1,4 @@
-import { Box, HStack, Image, Input, Text } from "@chakra-ui/react";
+import { Box, HStack, Input, Text } from "@chakra-ui/react";
 import MainFrame from "../../../components/MainFrame"
 import { InputGroup } from "../../../components/ui/input-group";
 import { LuSearch } from "react-icons/lu";
@@ -15,7 +15,7 @@ const tableHeadRow = [
   "Sr. No",
   "Title",
   "Action"
-  
+
 ];
 
 const managepost: any[] = [
@@ -26,7 +26,7 @@ const managepost: any[] = [
       <HStack justifyContent="center">
         <EditJobStatusModel />
         <Box>
-          <Switch colorPalette={'teal'} size={"xs"}/>
+          <Switch colorPalette={'teal'} size={"xs"} />
         </Box>
       </HStack>
     ),
@@ -46,11 +46,11 @@ const JobStatus = () => {
           px={3}
         >
           <Text as={"span"} fontSize={"sm"} fontWeight={500} color={"#000"}>
-          Job Status
+            Job Status
           </Text>
 
           <HStack >
-            <InputGroup 
+            <InputGroup
               startElement={
                 <LuSearch fontSize={"xs"} style={{ position: 'relative', left: '10px' }} />
               }
@@ -79,7 +79,7 @@ const JobStatus = () => {
           tableHeadRow={tableHeadRow}
           data={managepost}
         />
-      </Box>       
+      </Box>
     </MainFrame>
   )
 }

src/Pages/MasterModule/JobStatus/JobStatusAddModel.tsx

@@ -1,5 +1,5 @@
 import { DialogBody, DialogCloseTrigger, DialogContent, DialogFooter, DialogHeader, DialogRoot, DialogTitle, DialogTrigger } from "../../../components/ui/dialog"
-import { Box, Field, IconButton, Input, Stack, Text, Textarea } 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"