[ Add comma on Export ]

Reviewed-on: #31

src/Constants/Constants.js

@@ -237,9 +237,21 @@ export const decryptString = (ciphertext) => {
   return originalText;
 };
 
-export const SUPER_ADMIN_ID = Number(import.meta.env.VITE_SUPER_ADMIN_ID) || 1
-export const MAKER_ID = import.meta.env.VITE_MAKER_ID || 1
-export const CHECKER_ID = import.meta.env.VITE_CHECKER_ID || 2
+// export const SUPER_ADMIN_ID = Number(import.meta.env.VITE_SUPER_ADMIN_ID) || 1
+// export const MAKER_ID = import.meta.env.VITE_MAKER_ID || 1
+// export const CHECKER_ID = import.meta.env.VITE_CHECKER_ID || 2
+
+// export const isMaker = (role = decryptString(localStorage?.getItem("role"))) => role === import.meta.env.VITE_MAKER;
+// export const isChecker = (role = decryptString(localStorage?.getItem("role"))) => role === import.meta.env.VITE_CHECKER;
+
+export const SUPER_ADMIN_ID = Number(import.meta.env?.VITE_SUPER_ADMIN_ID) || 1;
+export const MAKER_ID = Number(import.meta.env?.VITE_MAKER_ID) || 1;
+export const CHECKER_ID = Number(import.meta.env?.VITE_CHECKER_ID) || 2;
+
+export const isMaker = (role = decryptString(localStorage?.getItem("role") || "")) => 
+    role === (import.meta.env?.VITE_MAKER || "");
+
+export const isChecker = (role = decryptString(localStorage?.getItem("role") || "")) => 
+    role === (import.meta.env?.VITE_CHECKER || "");
+
 
-export const isMaker = (role = decryptString(localStorage?.getItem("role"))) => role === import.meta.env.VITE_MAKER;
-export const isChecker = (role = decryptString(localStorage?.getItem("role"))) => role === import.meta.env.VITE_CHECKER;

src/Pages/BankDepositRequest/BankDepositRequest.jsx

@@ -117,6 +117,7 @@ const BankDepositRequest = () => {
     "Last Name",
     "Country",
     "Phone Number",
+    "Deposit Amount",
     "Action",
   ];
 
@@ -212,17 +213,30 @@ const BankDepositRequest = () => {
       </Box>
     ),
     Country: (
-      <Box w={"80px"} isTruncated={true}>
+      <Box  isTruncated={true}>
         <Text as={"span"} color={"teal.900"}>
           {item?.countryName}
         </Text>
       </Box>
     ),
     "Phone Number": (
-      <Box w={"80px"} isTruncated={true}>
+      <Box  isTruncated={true}>
         <Text as={"span"} color={"teal.900"}>
-          {/* {item?.mobileNumber} */}
-          {item?.ISDcode + " " + item?.mobileNumber}
+          {item?.ISDCode} {item?.mobileNumber}
+          {/* {item?.ISDcode + " " + item?.mobileNumber} */}
+        </Text>
+      </Box>
+    ),
+    "Deposit Amount": (
+      <Box isTruncated={true} display={"flex"} justifyContent={"end"}>
+        <Text as={"span"} color={"teal.900"} textAlign={"right"}>
+          {parseFloat(item?.investorAmount || 0).toLocaleString(undefined, {
+            minimumFractionDigits: 2,
+            maximumFractionDigits: 2,
+          })}
+          <Badge ms={1} colorScheme="green">
+            {item?.currencyCode}
+          </Badge>
         </Text>
       </Box>
     ),

src/Pages/FawateerChecker/ApproveHistory/ApproveHistoryChecker.jsx

@@ -80,13 +80,15 @@ const ApproveHistory = () => {
     {
       page: debouncedSearchTerm ? undefined : currentPage, // Omit pagination for search
       size: debouncedSearchTerm ? undefined : pageSize, // Omit pagination for search
-      search: debouncedSearchTerm,
+      searchTerm: debouncedSearchTerm,
     },
     {
       skip: debouncedSearchTerm === "" && searchTerm !== "", // Skip if search is empty and it's not the initial request
     }
   );
 
+  console.log(data?.data?.rows);
+
   // Use useEffect to refetch data when the component mounts
   useEffect(() => {
     refetch();
@@ -102,6 +104,15 @@ const ApproveHistory = () => {
     return () => clearTimeout(timer);
   }, []);
 
+
+  useEffect(() => {
+    const handler = setTimeout(() => {
+      setDebouncedSearchTerm(searchTerm);
+    }, 500); // Adjust delay as needed
+    return () => {
+      clearTimeout(handler);
+    };
+  }, [searchTerm]);
   // ====================================================[Table Filter]================================================================
   const filteredData = data?.data?.rows?.filter((item) => {
     // Filter by name (case insensitive)
@@ -135,7 +146,7 @@ const ApproveHistory = () => {
     "Status",
   ];
 
-  const extractedArray = filteredData?.map((item, idx) => ({
+  const extractedArray = data?.data?.rows?.map((item, idx) => ({
     // id: item?.id,
     "Sr.no": (
       <Text

src/Pages/Investor_Management/InvestorDetails/InvestorDetails.jsx

@@ -122,8 +122,14 @@ const InvestorDetails = () => {
     Country: item?.country?.countryName,
     "Phone Number": item?.principal?.mobileNumber, // Skipping integer conversion, as this is likely a string
     "E-mail ID": item?.principal?.emailAddress,
-    "Wallet Balance": item?.principal?.WalletBalance_InInvCur, // Skipping integer conversion, as this is likely a string
-    "Investor Portfolio": item?.principal?.Portfolio_InInvCur,
+    "Wallet Balance":parseFloat(item?.WalletBalance_InInvCur || 0).toLocaleString(undefined, {
+      minimumFractionDigits: 2, 
+      maximumFractionDigits: 2, 
+    }), // Skipping integer conversion, as this is likely a string
+    "Investor Portfolio": parseFloat(item?.Portfolio_InInvCur || 0).toLocaleString(undefined, {
+      minimumFractionDigits: 2, 
+      maximumFractionDigits: 2, 
+    }),
     // Type: item?.investor_type?.investorTypeName,
     // Status: item.ioStatus ? "Ban" : "Unban",
     "KYC Status": item.KYCStatus ? "Completed" : "Not complete",

src/Pages/ReversalFawateerDeposit/ReversalFawateerDeposit.jsx

@@ -130,6 +130,7 @@ const ReversalFawateerDeposit = () => {
     "First Name",
     "Last Name",
     "Phone Number",
+    "Deposit Amount (BHD)",
     "Action",
   ];
 
@@ -193,6 +194,19 @@ const ReversalFawateerDeposit = () => {
         </Text>
       </Box>
     ),
+    "Deposit Amount (BHD)": (
+      <Box isTruncated={true}>
+        <Text as={"span"} color={"teal.900"} textAlign={"right"}>
+          {parseFloat(item?.transaction_details?.investorAmount || 0).toLocaleString(undefined, {
+            minimumFractionDigits: 2,
+            maximumFractionDigits: 2,
+          })}
+          <Badge ms={1} colorScheme="green">
+            {item?.currencyCode}
+          </Badge>
+        </Text>
+      </Box>
+    ),
     Action: (
       <Box display={"flex"} justifyContent={"center"} gap={2}>
         <Tooltip

src/Routes/Nav.js

@@ -33,6 +33,7 @@ import { LiaCrownSolid } from "react-icons/lia";
 import { PiCrownDuotone } from "react-icons/pi";
 import { HiOutlineBanknotes } from "react-icons/hi2";
 import { AtSignIcon } from "@chakra-ui/icons";
+import { isMaker, MAKER_ID } from "../Constants/Constants";
 
 export const nav = [
   {
@@ -109,7 +110,7 @@ export const nav = [
     title: "Fawateer Deposit",
     submenu: [
       {
-        title: "Approver Request",
+        title: isMaker() ? "Approve Create" : "Approve Request",
         path: "/fawateer",
         icon: RiMoneyDollarBoxLine,
       },

src/Services/fawateer.request.service.js

@@ -50,6 +50,11 @@ export const fawateerRequest = createApi({
       providesTags: ["getFawateerMakerRequest"],
     }),
 
+    // getApproveHistory: builder.query({
+    //   query: () => `/fawateer/admin/getAll`,
+    //   providesTags: ["getApproveHistory"],
+    // }),
+
     getApproveHistory: builder.query({
       query: ({ page, size, searchTerm }) => {
         let baseURL = `/fawateer/admin/getAll?search=${searchTerm || ""}`;
@@ -57,7 +62,6 @@ export const fawateerRequest = createApi({
           baseURL += `&page=${page}&size=${size}`; // Only add pagination if both are defined
         }
         return baseURL;
-
       },
       providesTags: ["getApproveHistory"],
     }),
@@ -79,7 +83,7 @@ export const fawateerRequest = createApi({
       }),
       invalidatesTags: ["getFawateerRequest"],
     }),
-
+ 
   }),
 });