header ID

src/App.jsx

@@ -14,7 +14,8 @@ import Login from "./Pages/Login";
 import GlobalStateContext from "./Contexts/GlobalStateContext";
 import Cookies from "js-cookie";
 import NoInternetScreen from "./Pages/NoInternetScreen";
-import Welcome from "./Pages/Welcome";
+import Welcome from "./Pages/PaymentSuccess";
+import PaymentFailed from "./Pages/PaymentFailed";
 
 const App = () => {
   // const { isAuthenticate } = useSelector((state) => state?.auth);
@@ -54,7 +55,7 @@ const App = () => {
       <Routes>
         <Route path="/login" element={<Login />} />
         <Route path="/payment-success" element={<Welcome />} />
-        <Route path="/payment-failed" element={<Welcome />} />
+        <Route path="/payment-failed" element={<PaymentFailed />} />
         <Route
           path="/*"
           element={

src/Pages/IO_Management/CreateIO/IODetails.jsx

@@ -43,7 +43,7 @@ const schema = yup.object().shape({
     .min(3, "IO name in English must be at least 3 characters long")
     .max(150, "IO name in English must be at most 150 characters long"),
 
-  investmentNameArabic: yup
+  investmentNameArabic: yup 
     .string()
     .required("IO name in Arabic is required")
     .min(3, "IO name in Arabic must be at least 3 characters long")
@@ -237,7 +237,7 @@ const IODetails = ({ enableNextTab, index, data }) => {
   //=======================[ Creator ]
   const formFields = [
     {
-      label: "IO Name",
+      label: "IO Name ",
       name: "investmentNameEnglish",
       value: IObyID?.data?.investmentNameEnglish,
       type: "text",

src/Pages/IO_Management/ViewIO/ViewIOdataHeader.jsx

@@ -229,7 +229,8 @@ const ViewIOdataHeader = ({ data, isLoading }) => {
         </Box>
 
         <Box>
-          <Box  w={"auto"} flexDirection={"column"} gap={2}>
+
+          <Box display={"flex"} gap={2} pb={1}>
             <Text
               as={"span"}
               fontSize={"xs"}
@@ -246,7 +247,7 @@ const ViewIOdataHeader = ({ data, isLoading }) => {
             </Text>
           </Box>
 
-          <Box  gap={2}>
+          <Box  display={"flex"} gap={2} pb={1}>
             <Text
               as={"span"}
               fontSize={"xs"}
@@ -262,7 +263,26 @@ const ViewIOdataHeader = ({ data, isLoading }) => {
                 : "---"}
             </Text>
           </Box>
+
+          <Box  display={"flex"}  gap={2} pb={1}>
+            <Text
+              as={"span"}
+              fontSize={"xs"}
+              color={"gray.500"}
+              fontWeight={"500"}
+              me={2}
+            >
+              IO ID :-
+            </Text>
+            <Text as={"span"} fontSize={"xs"} fontWeight={"500"}>
+              {IODetails?.io_id
+                ? IODetails?.io_id
+                : "---"}
+            </Text>
+          </Box>
+          
         </Box>
+        
       </HStack>
        
       <Box gap={8} me={12} w={"200px"}>

src/Pages/PaymentFailed.jsx

@@ -0,0 +1,15 @@
+import React from "react";
+import { Box, Button, Heading, Image, Img, Text } from "@chakra-ui/react";
+import success from "../assets/successimg.gif";
+
+const PaymentFailed = () => {
+  return (
+    <Box h={"100vh"} display={"flex"} alignItems={"center"} flexDirection={"column"} p={"15px"} justifyContent={"center"}>
+      <Img w={"180px"} src={success} />
+      <Heading fontSize={"20px"} fontWeight={600}>Payment Failed !!</Heading>
+      <Text fontSize={"18px"}>Your payment was Failed</Text>
+    </Box>
+  );
+};
+
+export default PaymentFailed;

src/Pages/PaymentSuccess.jsx

@@ -0,0 +1,15 @@
+import React from "react";
+import { Box, Button, Heading, Image, Img, Text } from "@chakra-ui/react";
+import success from "../assets/successimg.gif";
+
+const Welcome = () => {
+  return (
+    <Box h={"100vh"} display={"flex"} alignItems={"center"} flexDirection={"column"} p={"15px"} justifyContent={"center"}>
+      <Img w={"180px"} src={success} />
+      <Heading fontSize={"20px"} fontWeight={600}>SuccessFul !!</Heading>
+      <Text fontSize={"18px"}>Your payment was done successfully</Text>
+    </Box>
+  );
+};
+
+export default Welcome;

src/Pages/Welcome.jsx

@@ -1,17 +0,0 @@
-import React from 'react';
-import welcome from '../assets/welcome.avif';
-import welcome2 from '../assets/welcome2.avif';
-import welcome3 from '../assets/welcome3.avif';
-import welcome4 from '../assets/welcome4.avif';
-import { Box, Button, Image } from '@chakra-ui/react';
-import logo from "../../src/assets/logo.png"
-
-const Welcome = () => {
-  return (
-    <Box>
-      Success Payment
-    </Box>
-  );
-}
-
-export default Welcome;

src/Pages/WithDrawal/DrawalRequest/PendingRequest.jsx

@@ -113,7 +113,7 @@ const PendingRequest = () => {
     "Last Name",
     "Country",
     "Phone Number",
-    "Amount in Investor currency",
+    "Withdrawal Amount",
     // "Currency", 
     // "Withdrawal Amount",
     "Action",
@@ -205,7 +205,7 @@ const PendingRequest = () => {
       //     </Text>
       //   </Box>
       // ),
-      "Amount in Investor currency": (
+      "Withdrawal Amount": (
         <Box w={"100px"} isTruncated={true}  display={'flex'} justifyContent={'end'}>
           <Text as={"span"} color={"teal.900"}>
             {/* {item.investorAmount} */}

src/Routes/Routes.js

@@ -31,7 +31,7 @@ import InvestmentType from "../Pages/Master/InvestmentType/InvestmentType";
 import DepositRequest from "../Pages/Deposit/DepositRequest/DepositRequest";
 import EditBankDetails from "../Pages/Admin/BankDetails/EditBankDetails";
 import ExchangeHistory from "../Pages/Master/ExchangeRate/ExchangeHistroy";
-import Welcome from "../Pages/Welcome";
+import Welcome from "../Pages/PaymentSuccess";
 import Dashbaord from "../Pages/Dashbaord";
 import UnderConstruction from "../Pages/UnderConstruction";
 import PendingRequest from "../Pages/WithDrawal/DrawalRequest/PendingRequest";