updated

src/Contexts/GlobalStateProvider.jsx

@@ -1731,7 +1731,7 @@ const GlobalStateProvider = ({ children }) => {
 
   // ==============[ prod state ]===============================
   const [IODetails, setIODetails] = useState(null);
-  const [ IOStatus, setIoStatus ] = useState(null)
+  const [ isIOloading, setIOloading ] = useState(false)
 
   return (
     <GlobalStateContext.Provider
@@ -1806,10 +1806,8 @@ const GlobalStateProvider = ({ children }) => {
         setIOArtifactsTwo,
         
 
-
-
-        IOStatus, 
-        setIoStatus
+        isIOloading, 
+        setIOloading 
       }}
     >
       {children}

src/Pages/IO_Management/CreateIO/CreateIO.jsx

@@ -58,22 +58,22 @@ const CreateIO = () => {
     {
       label: "Investors",
       Content: Investors,
-      isDisabled: id ? false : false,
+      isDisabled: id ? false : true,
     },
     {
       label: "IO Cash Detail",
       Content: IOCashDetails,
-      isDisabled: id ? false : false,
+      isDisabled: id ? false : true,
     },
     {
       label: "IO NAV Details",
       Content: IONAVDetails,
-      isDisabled: id ? false : false,
+      isDisabled: id ? false : true,
     },
     {
       label: "Distribution to Investors",
       Content: IONAVDetails,
-      isDisabled: id ? false : false,
+      isDisabled: id ? false : true,
     },
   ];
 
@@ -98,7 +98,7 @@ const CreateIO = () => {
         >
           <ArrowBackIcon cursor={"pointer"} /> Back
         </span> */}
-        <ViewIOdataHeader data={data?.data} />
+        <ViewIOdataHeader isLoading={isLoading} data={data?.data} />
       </Box>}
       <Tabs
         index={activeIndex}

src/Pages/IO_Management/CreateIO/IODetails.jsx

@@ -123,7 +123,7 @@ const IODetails = ({ enableNextTab, index, data }) => {
   const id = params?.id;
 
   // ======================[ Cotext Api ]
-  const { investmentType, sponser, setIOStatus, setIODetails } =
+  const { investmentType, sponser, setIOStatus, setIODetails, setIOloading } =
     useContext(GlobalStateContext);
 
   // ======================[ RTK Querry Api ]
@@ -134,9 +134,6 @@ const IODetails = ({ enableNextTab, index, data }) => {
     error: IObyIDerror,
   } = useGetIOByIdQuery(id, { skip: !id });
 
-
-
-  
   const [creatIO] = useCreateIOMutation();
   const [updateIO] = useUpdateIOMutation();
 
@@ -200,6 +197,7 @@ const IODetails = ({ enableNextTab, index, data }) => {
   });
 
   useEffect(() => {
+    setIOloading(IObyIDisLoading)
     setIODetails({
       ...IObyID?.data,
     });
@@ -222,6 +220,9 @@ const IODetails = ({ enableNextTab, index, data }) => {
         expectedReturnArabic: IObyID?.data?.minInvestmentAmount,
       });
     }
+
+
+
   }, [id, IObyID]);
 
 

src/Pages/IO_Management/ViewIO/ViewIOdataHeader.jsx

@@ -40,12 +40,12 @@ import Cancle from "./HeaderModal/Cancle";
 import { AddIcon } from "@chakra-ui/icons";
 import { GrGallery } from "react-icons/gr";
 
-const ViewIOdataHeader = ({data}) => {
+const ViewIOdataHeader = ({data, isLoading}) => {
   const params = useParams();
   const id = params?.id;
   const { isOpen, onOpen, onClose } = useDisclosure();
   const btnRef = useRef();
-  const { IODetails } = useContext(GlobalStateContext);
+  const { IODetails, isIOloading } = useContext(GlobalStateContext);
   
   const {
     isOpen: isInvestmentOpen,
@@ -155,29 +155,51 @@ console.log(filteredMenu);
 
 
   
+console.log(isLoading);
 
 
 
 
   return (
+    isLoading ?"": 
     <Box
       display={"flex"}
       alignItems={"center"}
       justifyContent={"start"}
       gap={8}
-      bg={"#caf5d8"}
+      bg={
+        IODetails?.ioStatus?.statusAdmin === "Draft"
+          ? "#EDF2F7"
+          : IODetails?.ioStatus?.statusAdmin === "Processing"
+          ? "#FEFBBF"
+          : IODetails?.ioStatus?.statusAdmin === "Open"
+          ? "#BEE2F8"
+          : IODetails?.ioStatus?.statusAdmin === "Closed"
+          ? "#C6F6D5"
+          : IODetails?.ioStatus?.statusAdmin === "Exited"
+          ? "red.500"
+          : IODetails?.ioStatus?.statusAdmin === "Canclled"
+          ? "orange.500"
+          : IODetails?.ioStatus?.statusAdmin === "DeActivate"
+          ? "#E9D8FD"
+          : null
+      }
       rounded={"md"}
       // bgGradient='linear(to-r, #caf5d8, #f5e8ca)'
       // bgGradient='linear(to-r, #caf5d8, #d4a5a5)'
       // bgGradient='linear(to-r, #caf5d8, #d4a5a5)'
       // bgGradient='linear(to-r, #caf5d8, #b3e5fc)'
       // bgGradient='linear(to-r, #ffd54f, #caf5d8)'
-      bgGradient='linear(to-r, #caf5d8, #a8e6cf)'
+      // bgGradient='linear(to-r, #caf5d8, #a8e6cf)'
       boxShadow={"md"}
       paddingRight={"10px"}
       borderRadius={"10px"}
       position={"relative"}
     >
+
+
+
+      
       <Box h={100} w={200} p={1.5}>
         {/* <Image rounded={'md'} h={"100%"} src={ " https://tanami.betadelivery.com/" + IODetails?.ioName} alt={IODetails?.ioName}/> */}
         {IODetails?.artifactsImage?.[0]?.artifactPathName ? (