updated

src/Pages/IO_Management/ViewIO/ViewIOdataHeader.jsx

@@ -23,6 +23,7 @@ import {
   Badge,
   Box,
   Icon,
+  HStack,
 } from "@chakra-ui/react";
 import header from "../../../assets/IOheader.png";
 import { HiDotsVertical } from "react-icons/hi";
@@ -40,6 +41,7 @@ import Cancle from "./HeaderModal/Cancle";
 import { AddIcon } from "@chakra-ui/icons";
 import { GrGallery } from "react-icons/gr";
 import Loader01 from "../../../Components/Loaders/Loader01";
+import { formatCurrency } from "../../../Components/CurrencyInput";
 
 const ViewIOdataHeader = ({data, isLoading}) => {
   const params = useParams();
@@ -166,7 +168,7 @@ console.log(isLoading);
     <Box
       display={"flex"}
       alignItems={"center"}
-      justifyContent={"start"}
+      justifyContent={"space-between"}
       gap={8}
       bg={
         IODetails?.ioStatus?.statusAdmin === "Draft"
@@ -198,7 +200,7 @@ console.log(isLoading);
 
 
 
-      
+      <HStack gap={8}>
       <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 ? (
@@ -249,6 +251,10 @@ console.log(isLoading);
             : "---"}
         </Text>
       </Box>
+      </HStack>
+
+
+      <HStack gap={8} me={20}>
 
       <Box display={"flex"} flexDirection={"column"} gap={2}>
         <Text as={"span"} textAlign={'center'} fontSize={"xs"} color={"gray.500"} fontWeight={"500"}>
@@ -290,7 +296,7 @@ console.log(isLoading);
           IO NAV
         </Text>
         <Text as={"span"} fontSize={"sm"} fontWeight={"500"}>
-          {IODetails?.ioNAV ? IODetails?.ioNAV : "00.00"}
+          {IODetails?.ioNAV ? formatCurrency(IODetails?.ioNAV) : "00.00"}
         </Text>
       </Box>
 
@@ -299,7 +305,7 @@ console.log(isLoading);
           IO cash
         </Text>
         <Text as={"span"} fontSize={"sm"} fontWeight={"500"}>
-          {IODetails?.ioCash ? IODetails?.ioCash : "00.00"}
+          {IODetails?.ioCash ? formatCurrency(IODetails?.ioCash) : "00.00"}
         </Text>
       </Box>
 
@@ -308,10 +314,12 @@ console.log(isLoading);
           IO MV NAV
         </Text>
         <Text as={"span"} fontSize={"sm"} fontWeight={"500"}>
-          {IODetails?.ioMVNAV ? IODetails?.ioMVNAV : "00.00"}
+          {IODetails?.ioMVNAV ? formatCurrency(IODetails?.ioMVNAV) : "00.00"}
         </Text>
       </Box>
 
+      </HStack>
+
       <Box
         position={"absolute"}
         right={3}