diff --git a/src/Contexts/GlobalStateProvider.jsx b/src/Contexts/GlobalStateProvider.jsx index 29224ec..8713e31 100644 --- a/src/Contexts/GlobalStateProvider.jsx +++ b/src/Contexts/GlobalStateProvider.jsx @@ -716,17 +716,25 @@ const GlobalStateProvider = ({ children }) => { const [InvestorDetails, setInvestorDetails] = useState([ { id: 1, - InvestorName: "ICC", - Sponsor: "Adani", - InvestmentAmount: "1000000", - Action: "Distribute", + firstName:"John", + lastName: "David", + country: "Saudi Arabia", + phoneNumber: "8940035906", + emailID: "john@gmail.com", + kycStatus:"Completed", + // investedProperty:"View", + status:"Unban", }, { id: 2, - InvestorName: "ECHO Investment", - Sponsor: "Tata", - InvestmentAmount: "2500000", - Action: "Distribute", + firstName:"John", + lastName: "David", + country: "Saudi Arabia", + phoneNumber: "8940035906", + emailID: "john@gmail.com", + kycStatus:"Completed", + // investedProperty:"View", + status:"Unban", }, ]); const [investorTransaction, setInvestorTransaction] = useState([ diff --git a/src/Pages/Investor_Management/InvestorDetails.jsx b/src/Pages/Investor_Management/InvestorDetails.jsx index 9c58af4..e7a2f74 100644 --- a/src/Pages/Investor_Management/InvestorDetails.jsx +++ b/src/Pages/Investor_Management/InvestorDetails.jsx @@ -14,6 +14,7 @@ import { Switch, Tag, Text, + Tooltip, useToast, } from "@chakra-ui/react"; import React, { useContext, useEffect, useState } from "react"; @@ -21,7 +22,7 @@ import { OPACITY_ON_LOAD } from "../../Layout/animations"; import DataTable from "../../Components/DataTable/DataTable"; import { HiDotsVertical } from "react-icons/hi"; import { Link, Link as RouterLink } from "react-router-dom"; -import { AddIcon, EmailIcon } from "@chakra-ui/icons"; +import { AddIcon, DeleteIcon, EditIcon, EmailIcon, ViewIcon } from "@chakra-ui/icons"; import Pagination from "../../Components/Pagination"; import GlobalStateContext from "../../Contexts/GlobalStateContext"; import CustomAlertDialog from "../../Components/CustomAlertDialog"; @@ -54,9 +55,14 @@ const InvestorDetails = () => { // ====================================================[Table Setup]================================================================ const tableHeadRow = [ "Sr N/O", - "Investor Name", - "Sponsor", - "Investment Amount", + "First Name", + "Last Name", + "Country", + "Phone Number", + "E-mail ID", + "KYC Status", + "Invested Property", + "Status", "Action", ]; @@ -72,9 +78,9 @@ const InvestorDetails = () => { }, 300); // ====================================================[Table Filter]================================================================ - const filteredData = InvestorDetails.filter((item) => { + const filteredData = InvestorDetails?.filter((item) => { // Filter by name (case insensitive) - const name = item.InvestorName; + const name = item.firstName; const searchLower = searchTerm.toLowerCase(); const nameMatches = name?.toLowerCase().includes(searchLower); @@ -102,49 +108,130 @@ const InvestorDetails = () => { {item.id} ), - "Investor Name": ( + "First Name": ( - {item.InvestorName} + {item.firstName} ), - Sponsor: ( + "Last Name": ( - {item.Sponsor} + {item.lastName} ), - "Investment Amount": ( - // handleUpdateStatus(item.id)} - // isChecked={item.status} - // /> + "Country": ( - {item.InvestmentAmount} $ + {item.country} ), - - // item?.status ? ( - // - // Passed - // - // ) : ( - // - // Not passes - // - // ), - + "Phone Number": ( + + + {item.phoneNumber} + + + ), + "E-mail ID": ( + + + {item.emailID} + + + ), + "KYC Status": ( + + + {item.kycStatus} + + + ), + "Invested Property": ( + + + View + + + ), + Status: ( + handleUpdateStatus(item.id)} + isChecked={item.status} + /> + ), Action: ( - + + + + + + + + + + + + + + + + + ), }));