{tableHeadRow.map((heading, i) => (
{
return (
@@ -11,7 +11,7 @@ const EmptySearchList = ({message}) => {
flexDirection={'column'}
w={"100%"} h={"40vh"}
>
-
+ {/* */}
{/* {message} */}
We do not have any records
{/* Posts of tanami will appear here. */}
diff --git a/src/Components/HeaderMain.jsx b/src/Components/HeaderMain.jsx
index b5597c4..ba17dff 100644
--- a/src/Components/HeaderMain.jsx
+++ b/src/Components/HeaderMain.jsx
@@ -1,9 +1,19 @@
-import { AddIcon, ArrowBackIcon } from "@chakra-ui/icons";
+import {
+ AddIcon,
+ ArrowBackIcon,
+ ArrowLeftIcon,
+ ArrowRightIcon,
+ SearchIcon,
+} from "@chakra-ui/icons";
import {
Avatar,
Box,
Button,
HStack,
+ Image,
+ Input,
+ InputGroup,
+ InputLeftElement,
Popover,
PopoverArrow,
PopoverBody,
@@ -14,107 +24,135 @@ import {
Text,
useColorMode,
} from "@chakra-ui/react";
-import React, { useContext } from "react";
+import React, { useContext, useState } from "react";
import { Link, useNavigate } from "react-router-dom";
-import { IoMdDownload } from "react-icons/io";
import * as XLSX from "xlsx";
-import profile from "../assets/proavatar.webp";
import GlobalStateContext from "../Contexts/GlobalStateContext";
-import { MdOutlineDarkMode, MdOutlineLightMode } from "react-icons/md";
-import logoMini from "../assets/propic.png"
-import { BsBack } from "react-icons/bs";
+import mainLogo from "../assets/optifii_logo.svg";
+import { MdNotificationsNone } from "react-icons/md";
-const HeaderMain = ({
- link,
- btnTitle,
- title,
- icon,
+const HeaderMain = ({
logOutHandler,
slideDirecttion,
+ isDrawerOpen,
+ toggleDrawer,
}) => {
- const navigate = useNavigate()
+ const navigate = useNavigate();
const { colorMode, toggleColorMode } = useContext(GlobalStateContext);
+ const [searchTerm, setSearchTerm] = useState("");
+ const openDrawerOnClick = () => {};
return (
-
- {/* navigate(-1)} /> */}
-
- {/* */}
- {title}
-
-
+
+
+
+ navigate("/")}
+ cursor={"pointer"}
+ />
+
+
+
-
-
-
-
-
-
-
- Profile
-
-
-
- Help & Support
-
-
-
- Log Out
-
-
-
-
-
-
-
-
- Hello, Developers
-
-
- wdi@tanami.com
-
-
-
-
-
-
- {/* toggleColorMode()} as="span" p={2} rounded={'lg'} className="link pointer">
- {colorMode === "light"? :}
- */}
+
+
+
+
+ setSearchTerm(e.target.value)}
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Profile
+
+
+
+ Help & Support
+
+
+
+ Log Out
+
+
+
+
+
+
+
+
+ Hello, Developers
+
+
+ mailto:wdi@tanami.com
+
+
+
+
+
+
+
);
diff --git a/src/Components/MiniHeader.jsx b/src/Components/MiniHeader.jsx
new file mode 100644
index 0000000..af755b2
--- /dev/null
+++ b/src/Components/MiniHeader.jsx
@@ -0,0 +1,49 @@
+import { ArrowBackIcon } from "@chakra-ui/icons";
+import { Box, HStack, Icon, Text, VStack } from "@chakra-ui/react";
+import React from "react";
+import { useNavigate } from "react-router-dom";
+
+const MiniHeader = ({ title, subTitle, backButton }) => {
+ const navigate = useNavigate();
+ const [firstPart, secondPart] = title.split(/ (.+)/);
+
+ return (
+
+ {backButton && (
+ navigate(-1)}
+ as={ArrowBackIcon}
+ boxSize={7}
+ bg={"#fff"}
+ p={1}
+ rounded={"full"}
+ />
+ )}
+
+
+
+ {firstPart}
+
+
+
+ {secondPart}
+
+
+
+
+ {subTitle}
+
+
+
+ );
+};
+
+export default MiniHeader;
diff --git a/src/Constants/Constants.js b/src/Constants/Constants.js
index 8a5decd..ebc7586 100644
--- a/src/Constants/Constants.js
+++ b/src/Constants/Constants.js
@@ -31,7 +31,7 @@ export function removeTrailingZeros(value) {
export function getCountdownTimer(utcDateString) {
- // Parse the UTC datetime string into a Date object
+ // Parse the UTC datetime string into a Date object
const targetDate = new Date(utcDateString);
const now = new Date();
diff --git a/src/Contexts/GlobalStateProvider.jsx b/src/Contexts/GlobalStateProvider.jsx
index aac69de..2ab8cba 100644
--- a/src/Contexts/GlobalStateProvider.jsx
+++ b/src/Contexts/GlobalStateProvider.jsx
@@ -41,1773 +41,248 @@ export const generateUniqueId = () => {
const GlobalStateProvider = ({ children }) => {
const [isAuthenticate, setIsAuthenticate] = useState(false);
- const [memberIfo, setMemberInfo] = useState();
- const [communityMembers, setCommityMembers] = useState();
- const [slideFromRight, setSlideFormRight] = useState(false);
- const { colorMode, toggleColorMode } = useColorMode();
- const [sponser, setSponser] = useState([]);
-
- const [investors, setInvestors] = useState([
- {
- id: 1,
- clientId: "BH00000001",
- firstName: "Faisal",
- lastName: "Aljalahma",
- investedAmount: 100000,
- percentage: "10.0%",
- marketValue: 114050,
- returnOnInvestment: "14.1%",
- distribution: 5000,
- totalReturn: 62025,
- totalReturnOnInvestment: "24.1%",
- },
- {
- id: 2,
- clientId: "BH00000002",
- firstName: "Sara",
- lastName: "Ahmed",
- investedAmount: 150000,
- percentage: "15.0%",
- marketValue: 171075,
- returnOnInvestment: "14.05%",
- distribution: 7500,
- totalReturn: 93038,
- totalReturnOnInvestment: "25.5%",
- },
- {
- id: 3,
- clientId: "BH00000003",
- firstName: "Ali",
- lastName: "Khan",
- investedAmount: 200000,
- percentage: "20.0%",
- marketValue: 228100,
- returnOnInvestment: "14.05%",
- distribution: 10000,
- totalReturn: 124050,
- totalReturnOnInvestment: "31.0%",
- },
- {
- id: 4,
- clientId: "BH00000004",
- firstName: "Laila",
- lastName: "Hassan",
- investedAmount: 250000,
- percentage: "25.0%",
- marketValue: 285125,
- returnOnInvestment: "14.05%",
- distribution: 12500,
- totalReturn: 155063,
- totalReturnOnInvestment: "37.0%",
- },
- {
- id: 5,
- clientId: "BH00000005",
- firstName: "Omar",
- lastName: "Rahman",
- investedAmount: 300000,
- percentage: "30.0%",
- marketValue: 342150,
- returnOnInvestment: "14.05%",
- distribution: 15000,
- totalReturn: 186075,
- totalReturnOnInvestment: "43.0%",
- },
- {
- id: 6,
- clientId: "BH00000006",
- firstName: "Aisha",
- lastName: "Saeed",
- investedAmount: 350000,
- percentage: "35.0%",
- marketValue: 399175,
- returnOnInvestment: "14.05%",
- distribution: 17500,
- totalReturn: 217088,
- totalReturnOnInvestment: "49.0%",
- },
- {
- id: 7,
- clientId: "BH00000007",
- firstName: "Mohammed",
- lastName: "Yousef",
- investedAmount: 400000,
- percentage: "40.0%",
- marketValue: 456200,
- returnOnInvestment: "14.05%",
- distribution: 20000,
- totalReturn: 248100,
- totalReturnOnInvestment: "55.0%",
- },
- {
- id: 8,
- clientId: "BH00000008",
- firstName: "Fatima",
- lastName: "Jaber",
- investedAmount: 450000,
- percentage: "45.0%",
- marketValue: 513225,
- returnOnInvestment: "14.05%",
- distribution: 22500,
- totalReturn: 279113,
- totalReturnOnInvestment: "61.0%",
- },
- {
- id: 9,
- clientId: "BH00000009",
- firstName: "Yasin",
- lastName: "Abdullah",
- investedAmount: 500000,
- percentage: "50.0%",
- marketValue: 570250,
- returnOnInvestment: "14.05%",
- distribution: 25000,
- totalReturn: 310125,
- totalReturnOnInvestment: "67.0%",
- },
- {
- id: 10,
- clientId: "BH00000010",
- firstName: "Zara",
- lastName: "Mustafa",
- investedAmount: 550000,
- percentage: "55.0%",
- marketValue: 627275,
- returnOnInvestment: "14.05%",
- distribution: 27500,
- totalReturn: 341138,
- totalReturnOnInvestment: "73.0%",
- },
- ]);
-
- const [caseDetails, setCaseDetails] = useState([
- {
- id: 1,
- date: "02-Jan-24",
- particulars: "Cash Reserve- Initated",
- amount: "50,000.00",
- comments: " ",
- updateBy: "Faisal",
- updateOn: "02-Jan-24",
- },
- {
- id: 2,
- date: "12-Feb-24",
- particulars: "Fees & Expense",
- amount: "22,000.00",
- comments: "Fees = $20,000 Expense = $2,000 ",
- updateBy: "Faisal",
- updateOn: "13-Feb-24",
- },
- {
- id: 3,
- date: "23-Mar-24",
- particulars: "Distribution Received From Sponsor",
- amount: "50,000.00",
- comments: " ",
- updateBy: "Nawab",
- updateOn: "24-Mar-24",
- },
- {
- id: 4,
- date: "28-Mar-24",
- particulars: "Distribution Paid To Investors",
- amount: "40,000.00",
- comments: " ",
- updateBy: "Faisal",
- updateOn: "28-Mar-24",
- },
- {
- id: 5,
- date: "26-Jun-24",
- particulars: "Distribution Received From Sponsor",
- amount: "70,000.00",
- comments: " ",
- updateBy: "Faisal",
- updateOn: "27-Jun-24",
- },
- {
- id: 6,
- date: "02-Jan-24",
- particulars: "Distribution Paid To Investors",
- amount: "60,000.00",
- comments: " ",
- updateBy: "Nawab",
- updateOn: "28-Jun-24",
- },
- ]);
-
- const [navDetails, setNavDetails] = useState([
- {
- id: 1,
- date: "02-Jan-24",
- IONavValue: 1229750,
- comments: "MV Increased by 10%",
- updateBy: "Faisal",
- updateOn: "02-Jan-24",
- },
- {
- id: 2,
- date: "02-Jan-24",
- IONavValue: 1229750,
- comments: "MV Increased by 10%",
- updateBy: "Faisal",
- updateOn: "13-Feb-24",
- },
- ]);
-
- const [create, setCreate] = useState([
- {
- id: 1,
- Type: ,
- fileName: "Investment Private Company",
- document: "Investment.pdf",
- status: true,
- },
- {
- id: 2,
- Type: ,
- fileName: "Investment Private",
- document: "Investment.pdf",
- status: true,
- },
- ]);
- const [keyMerits, setKeyMerits] = useState([
- {
- id: 1,
- title: "Diversified Holdings",
- subTitle:
- "Private equity portfolio of over 60 companies in various sectors and different countries around the world",
- Icon: ,
- status: true,
- },
- {
- id: 2,
- title: "Top-Tier Manager",
- subTitle:
- "KKR is a world-class global PE manager with over $570bn in assets under management",
- Icon: ,
- status: true,
- },
- {
- id: 3,
- title: "Strong performance",
- subTitle:
- "Direct exposure to the KKR’s best performing Buyout and Growth funds",
- Icon: ,
- status: true,
- },
- {
- id: 4,
- title: "Leading Track Record",
- subTitle:
- "Almost 50 year track record since 1977 of consistent, double-digit annual returns",
- Icon: ,
- status: true,
- },
- ]);
- const [iOArtifacts, setIOArtifacts] = useState([
- {
- id: 1,
- fileName: "Banner image",
- document: "Banner.jpg",
- status: true,
- },
- {
- id: 2,
- fileName: "Banner image",
- document: "Banner.jpg",
- status: true,
- },
- {
- id: 3,
- fileName: "Banner image",
- document: "Banner.jpg",
- status: true,
- },
- {
- id: 4,
- fileName: "Banner image",
- document: "Banner.jpg",
- status: true,
- },
- ]);
-
- const [iOArtifactsTwo, setIOArtifactsTwo] = useState([
- {
- id: 1,
- videoFileName: "Property preview",
- status: true,
- },
- {
- id: 2,
- videoFileName: "Property preview",
- status: true,
- },
- {
- id: 3,
- videoFileName: "Property preview",
- status: true,
- },
- {
- id: 4,
- videoFileName: "Property preview",
- status: true,
- },
- ]);
-
- const [investmentType, setInvestmentType] = useState([
- {
- id: 1,
- investmentName: "Commercial",
- description: "Investment Private Company",
- investmentNameArabic: "لعفكعلفكع كعلجلجعيجكجلدسجوي",
- descriptionArabic: "لعفكعلفكع كعلجلجع",
- status: true,
- },
- ]);
- const [investment, setInvestment] = useState([
- // {
- // banner_image:
- // "https://images.unsplash.com/photo-1667489022797-ab608913feeb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHw5fHx8ZW58MHx8fHw%3D&auto=format&fit=crop&w=800&q=60",
- // ioName: "Multi Family Residence Portfolio",
- // sponserName: "KKR",
- // annualReturn: "12.5%",
- // annualyield: "12.5%",
- // minInvests: ",00 $0",
- // targetClose: "24 December",
- // year: "5-7 years",
- // tenure: 92,
- // quaterly: "Q2",
- // destributedAmount: 62,
- // ioName: "Sybil Christensen",
- // ioNameArabic: "September Kelley",
- // status: "Available"
- // },
- // {
- // banner_image:
- // "https://images.unsplash.com/photo-1667489022797-ab608913feeb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHw5fHx8ZW58MHx8fHw%3D&auto=format&fit=crop&w=800&q=60",
- // ioName: "Multi Family Residence Portfolio",
- // sponserName: "KKR",
- // annualReturn: "12.5%",
- // annualyield: "12.5%",
- // minInvests: ",00 $0",
- // targetClose: "24 December",
- // year: "5-7 years",
- // tenure: 92,
- // quaterly: "Q2",
- // destributedAmount: 62,
- // ioName: "Sybil Christensen",
- // ioNameArabic: "September Kelley",
- // status: "Available"
- // },
- // {
- // banner_image:
- // "https://images.unsplash.com/photo-1667489022797-ab608913feeb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHw5fHx8ZW58MHx8fHw%3D&auto=format&fit=crop&w=800&q=60",
- // ioName: "Multi Family Residence Portfolio",
- // sponserName: "KKR",
- // annualReturn: "12.5%",
- // annualyield: "12.5%",
- // minInvests: ",00 $0",
- // targetClose: "24 December",
- // year: "5-7 years",
- // tenure: 92,
- // quaterly: "Q2",
- // destributedAmount: 62,
- // ioName: "Sybil Christensen",
- // ioNameArabic: "September Kelley",
- // status: "Available"
- // },
- ]);
- const [rateExchange, setRateExchange] = useState([
- {
- id: uuidv4(),
- fromCurr: "USD $",
- toCurr: "BHD .د.ب;",
- effectFrom: getRandomDate(startDate, endDate),
- effectTill: getRandomDate(startDate, endDate),
- rate: 2.66,
- },
- {
- id: uuidv4(),
- fromCurr: "USD $",
- toCurr: "KWD ·د.ك",
- effectFrom: getRandomDate(startDate, endDate),
- effectTill: getRandomDate(startDate, endDate),
- rate: 2.66,
- },
- {
- id: uuidv4(),
- fromCurr: "USD $",
- toCurr: "OMR ﷼.",
- effectFrom: getRandomDate(startDate, endDate),
- effectTill: getRandomDate(startDate, endDate),
- rate: 2.66,
- },
- {
- id: uuidv4(),
- fromCurr: "USD $",
- toCurr: "QAR ﷼.",
- effectFrom: getRandomDate(startDate, endDate),
- effectTill: getRandomDate(startDate, endDate),
- rate: 2.66,
- },
- {
- id: uuidv4(),
- fromCurr: "USD $",
- toCurr: "SAR ﷼.",
- effectFrom: getRandomDate(startDate, endDate),
- effectTill: getRandomDate(startDate, endDate),
- rate: 2.66,
- },
- {
- id: uuidv4(),
- fromCurr: "USD $",
- toCurr: "AED د.إ. ",
- effectFrom: getRandomDate(startDate, endDate),
- effectTill: getRandomDate(startDate, endDate),
- rate: 2.66,
- },
-
- {
- id: uuidv4(),
- fromCurr: "AED د.إ. ",
- toCurr: "USD $",
- effectFrom: getRandomDate(startDate, endDate),
- effectTill: getRandomDate(startDate, endDate),
- rate: 2.66,
- },
- {
- id: uuidv4(),
- fromCurr: "SAR ﷼.",
- toCurr: "USD $",
- effectFrom: getRandomDate(startDate, endDate),
- effectTill: getRandomDate(startDate, endDate),
- rate: 2.66,
- },
- {
- id: uuidv4(),
- fromCurr: "QAR ﷼.",
- toCurr: "USD $",
- effectFrom: getRandomDate(startDate, endDate),
- effectTill: getRandomDate(startDate, endDate),
- rate: 2.66,
- },
-
- {
- id: uuidv4(),
- fromCurr: "BHD .د.ب;",
- toCurr: "USD $",
- effectFrom: getRandomDate(startDate, endDate),
- effectTill: getRandomDate(startDate, endDate),
- rate: 2.66,
- },
- {
- id: uuidv4(),
- fromCurr: "KWD ·د.ك",
- toCurr: "USD $",
- effectFrom: getRandomDate(startDate, endDate),
- effectTill: getRandomDate(startDate, endDate),
- rate: 2.66,
- },
- {
- id: uuidv4(),
- fromCurr: "OMR ﷼.",
- toCurr: "USD $",
- effectFrom: getRandomDate(startDate, endDate),
- effectTill: getRandomDate(startDate, endDate),
- rate: 2.66,
- },
- ]);
- const [InvestorDetails, setInvestorDetails] = useState([
- {
- id: 1,
- clientId: "SA00000001",
- fullName: "John David",
- firstName: "John",
- lastName: "David",
- country: "Saudi Arabia",
- phoneNumber: "8940035906",
- address: "Saudi Arabia",
- emailID: "john@gmail.com",
- InvestorType:"Retail",
- bankName: "Lorem Text",
- branchAddress: "Hohenzollernring 58, 95444",
- iban: "DE 1234 5678 9012 3456",
- swiftCode: "BC12345",
- referenceID: "FRYU FHDU 1234",
- kycStatus: "Completed",
- status: "Unban",
- },
- {
- id: 2,
- clientId: "SA00000001",
- fullName: "John David",
- firstName: "John",
- lastName: "David",
- country: "Saudi Arabia",
- phoneNumber: "8940035906",
- address: "Saudi Arabia",
- emailID: "john@gmail.com",
- InvestorType:"Accredited Investors",
- bankName: "Lorem Text",
- branchAddress: "Hohenzollernring 58, 95444",
- iban: "DE 1234 5678 9012 3456",
- swiftCode: "BC12345",
- referenceID: "FRYU FHDU 1234",
- kycStatus: "Incompleted",
- status: "Unban",
- },
- {
- id: 3,
- clientId: "SA00000001",
- fullName: "John David",
- firstName: "John",
- lastName: "David",
- country: "Saudi Arabia",
- phoneNumber: "8940035906",
- address: "Saudi Arabia",
- emailID: "john@gmail.com",
- InvestorType:"Retail",
- bankName: "Lorem Text",
- branchAddress: "Hohenzollernring 58, 95444",
- iban: "DE 1234 5678 9012 3456",
- swiftCode: "BC12345",
- referenceID: "FRYU FHDU 1234",
- kycStatus: "Completed",
- status: "Unban",
- },
- {
- id: 4,
- clientId: "SA00000001",
- fullName: "John David",
- firstName: "John",
- lastName: "David",
- country: "Saudi Arabia",
- phoneNumber: "8940035906",
- address: "Saudi Arabia",
- emailID: "john@gmail.com",
- InvestorType:"Accredited Investors",
- bankName: "Lorem Text",
- branchAddress: "Hohenzollernring 58, 95444",
- iban: "DE 1234 5678 9012 3456",
- swiftCode: "BC12345",
- referenceID: "FRYU FHDU 1234",
- kycStatus: "Incompleted",
- status: "Unban",
- },
- {
- id: 5,
- clientId: "SA00000001",
- fullName: "John David",
- firstName: "John",
- lastName: "David",
- country: "Saudi Arabia",
- phoneNumber: "8940035906",
- address: "Saudi Arabia",
- emailID: "john@gmail.com",
- InvestorType:"Retail",
- bankName: "Lorem Text",
- branchAddress: "Hohenzollernring 58, 95444",
- iban: "DE 1234 5678 9012 3456",
- swiftCode: "BC12345",
- referenceID: "FRYU FHDU 1234",
- kycStatus: "Completed",
- status: "Unban",
- },
- {
- id: 6,
- clientId: "SA00000001",
- fullName: "John David",
- firstName: "John",
- lastName: "David",
- country: "Saudi Arabia",
- phoneNumber: "8940035906",
- address: "Saudi Arabia",
- emailID: "john@gmail.com",
- InvestorType:"Accredited Investors",
- bankName: "Lorem Text",
- branchAddress: "Hohenzollernring 58, 95444",
- iban: "DE 1234 5678 9012 3456",
- swiftCode: "BC12345",
- referenceID: "FRYU FHDU 1234",
- kycStatus: "Completed",
- status: "Unban",
- },
- {
- id: 7,
- clientId: "SA00000001",
- fullName: "John David",
- firstName: "John",
- lastName: "David",
- country: "Saudi Arabia",
- phoneNumber: "8940035906",
- address: "Saudi Arabia",
- emailID: "john@gmail.com",
- InvestorType:"Retail",
- bankName: "Lorem Text",
- branchAddress: "Hohenzollernring 58, 95444",
- iban: "DE 1234 5678 9012 3456",
- swiftCode: "BC12345",
- referenceID: "FRYU FHDU 1234",
- kycStatus: "Incompleted",
- status: "Unban",
- },
- {
- id: 8,
- clientId: "SA00000001",
- fullName: "John David",
- firstName: "John",
- lastName: "David",
- country: "Saudi Arabia",
- phoneNumber: "8940035906",
- address: "Saudi Arabia",
- emailID: "john@gmail.com",
- InvestorType:"Accredited Investors",
- bankName: "Lorem Text",
- branchAddress: "Hohenzollernring 58, 95444",
- iban: "DE 1234 5678 9012 3456",
- swiftCode: "BC12345",
- referenceID: "FRYU FHDU 1234",
- kycStatus: "Incompleted",
- status: "Unban",
- },
- {
- id: 9,
- clientId: "SA00000001",
- fullName: "John David",
- firstName: "John",
- lastName: "David",
- country: "Saudi Arabia",
- phoneNumber: "8940035906",
- address: "Saudi Arabia",
- emailID: "john@gmail.com",
- InvestorType:"Retail",
- bankName: "Lorem Text",
- branchAddress: "Hohenzollernring 58, 95444",
- iban: "DE 1234 5678 9012 3456",
- swiftCode: "BC12345",
- referenceID: "FRYU FHDU 1234",
- kycStatus: "Completed",
- status: "Unban",
- },
- {
- id: 10,
- clientId: "SA00000001",
- fullName: "John David",
- firstName: "John",
- lastName: "David",
- country: "Saudi Arabia",
- phoneNumber: "8940035906",
- address: "Saudi Arabia",
- emailID: "john@gmail.com",
- InvestorType:"Accredited Investors",
- bankName: "Lorem Text",
- branchAddress: "Hohenzollernring 58, 95444",
- iban: "DE 1234 5678 9012 3456",
- swiftCode: "BC12345",
- referenceID: "FRYU FHDU 1234",
- kycStatus: "Completed",
- status: "Unban",
- },
- ]);
-
- const [viewInvestor, setViewInvestor] = useState([
- {
- id: 1,
- dealId: "UWE3424992",
- dealName: "KKR Private Equity Fund",
- sponsorName: "KKR",
- investAmount: "$100,000",
- holdingPeriod: "4-5 years",
- estimatedReturn: "50-60%",
- kycStatus: "Open",
- },
- {
- id: 2,
- dealId: "UWE3424992",
- dealName: "Blackstone Real Estate Income Trust",
- sponsorName: "Blackstone",
- investAmount: "$100,000",
- holdingPeriod: "4-5 years",
- estimatedReturn: "50-60%",
- kycStatus: "Pending",
- },
- {
- id: 3,
- dealId: "UWE3424992",
- dealName: "J.P. Morgan",
- sponsorName: "J.P. Morgan",
- investAmount: "$100,000",
- holdingPeriod: "4-5 years",
- estimatedReturn: "50-60%",
- kycStatus: "Closed",
- },
- ]);
- const [transaction, setTransaction] = useState([
- {
- id: 1,
- date: "2-Jan-24",
- transaction: "Deposit",
- currency: "BHD",
- amount: "12000.00",
- fromUSD: "",
- toUSD: "2.6376",
- USDamount: "31,651.20",
- IOName:"",
- paymentMethod:"Bank"
- },
- {
- id: 2,
- date: "6-Jan-24",
- transaction: "Invested",
- currency: "BHD",
- amount: "-4000.00",
- fromUSD: "",
- toUSD: "2.6376",
- USDamount: "-10,550.40",
- IOName:"KKR Private Equity Fund",
- paymentMethod:"-"
- },
- {
- id: 3,
- date: "7-Jan-24",
- transaction: "Deposit",
- currency: "BHD",
- amount: "4000.00",
- fromUSD: "",
- toUSD: "2.6376",
- USDamount: "10,550.40",
- IOName:"-",
- paymentMethod:"Apple Pay"
- },
- {
- id: 4,
- date: "8-Jan-24",
- transaction: "Invested",
- currency: "BHD",
- amount: "-3000.00",
- fromUSD: "",
- toUSD: "2.6376",
- USDamount: "-7,912.80",
- IOName:"Black Stone Real Estate Income Trust",
- paymentMethod:"-"
- },
- {
- id: 5,
- date: "2-Jan-24",
- transaction: "Deposit",
- currency: "BHD",
- amount: "12000.00",
- fromUSD: "0.3747",
- toUSD: "",
- USDamount: "31,651.20",
- IOName:"KKR Private Equity Fund",
- paymentMethod:"-"
- },
- {
- id: 6,
- date: "2-Jan-24",
- transaction: "Deposit",
- currency: "BHD",
- amount: "12000.00",
- fromUSD: "0.3747",
- toUSD: "",
- USDamount: "31,651.20",
- IOName:"Black Stone Real Estate Income Trust",
- paymentMethod:"-"
- },
- {
- id: 7,
- date: "2-Jan-24",
- transaction: "Deposit",
- currency: "BHD",
- amount: "12000.00",
- fromUSD: "0.3747",
- toUSD: "",
- USDamount: "31,651.20",
- IOName:"KKR Private Equity Fund",
- paymentMethod:"-"
- },
- {
- id: 8,
- date: "2-Jan-24",
- transaction: "Deposit",
- currency: "BHD",
- amount: "12000.00",
- fromUSD: "",
- toUSD: "2.6376",
- USDamount: "31,651.20",
- IOName:"",
- paymentMethod:"Bank"
- },
- ]);
-
- const [investorTransaction, setInvestorTransaction] = useState([
- {
- id: 1,
- InvestorName: "ICC",
- Sponsor: "Adani",
- InvestmentAmount: "1000000",
- Action: "Distribute",
- },
- {
- id: 2,
- InvestorName: "ECHO Investment",
- Sponsor: "Tata",
- InvestmentAmount: "2500000",
- Action: "Distribute",
- },
- {
- id: 3,
- InvestorName: "ICC",
- Sponsor: "Adani",
- InvestmentAmount: "1000000",
- Action: "Distribute",
- },
- {
- id: 4,
- InvestorName: "ECHO Investment",
- Sponsor: "Tata",
- InvestmentAmount: "2500000",
- Action: "Distribute",
- },
- ]);
-
- const [pendingRequest, setPendingRequest] = useState([
- {
- id: 1,
- date: "02-Jan-2024",
- clientId: "SA00000001",
- firstName: "John",
- lastName: "David",
- country: "Saudi Arabia",
- phoneNumber: "8940035906",
- currency: "SAR",
- withDrawalAmount: "$100,000",
- amountcurrency: "382574.17",
- },
- {
- id: 2,
- date: "02-Jan-2024",
- clientId: "KU00000001",
- firstName: "Faisal",
- lastName: "Aljalahma",
- country: "Kuwait",
- phoneNumber: "8226278945",
- currency: "KWD",
- withDrawalAmount: "$200,000",
- amountcurrency: "62438.98",
- },
- {
- id: 3,
- date: "02-Jan-2024",
- clientId: "BH00000001",
- firstName: "Nawaf",
- lastName: "Almaskati",
- country: "Bahrain",
- phoneNumber: "8940035906",
- currency: "BHD",
- withDrawalAmount: "$300,000",
- amountcurrency: "115328.04",
- },
- {
- id: 4,
- date: "02-Jan-2024",
- clientId: "SA00000002",
- firstName: "Sulaiman",
- lastName: "AlBassam",
- country: "Saudi Arabia",
- phoneNumber: "8226278945",
- currency: "SAR",
- withDrawalAmount: "$400,000",
- amountcurrency: "1530296.67",
- },
- ]);
- const [viewHistory, setViewHistory] = useState([
- {
- id: 1,
- date: "02-Jan-2024",
- clientId: "SA00000001",
- firstName: "John",
- lastName: "David",
- country: "Saudi Arabia",
- phoneNumber: "8940035906",
- currency: "SAR",
- withDrawalAmount: "$100,000",
- amountcurrency: "382574.17",
- status: "Approved",
- },
- {
- id: 2,
- date: "02-Jan-2024",
- clientId: "KU00000001",
- firstName: "Faisal",
- lastName: "Aljalahma",
- country: "Kuwait",
- phoneNumber: "8226278945",
- currency: "KWD",
- withDrawalAmount: "$200,000",
- amountcurrency: "62438.98",
- status: "Rejected",
- },
- {
- id: 3,
- date: "02-Jan-2024",
- clientId: "BH00000001",
- firstName: "Nawaf",
- lastName: "Almaskati",
- country: "Bahrain",
- phoneNumber: "8940035906",
- currency: "BHD",
- withDrawalAmount: "$300,000",
- amountcurrency: "115328.04",
- status: "Approved",
- },
- {
- id: 4,
- date: "02-Jan-2024",
- clientId: "SA00000002",
- firstName: "Sulaiman",
- lastName: "AlBassam",
- country: "Saudi Arabia",
- phoneNumber: "8226278945",
- currency: "SAR",
- withDrawalAmount: "$400,000",
- amountcurrency: "1530296.67",
- status: "Rejected",
- },
- ]);
- const [upgradeHistory, setUpgradeHistory] = useState([
- {
- id: uuidv4(),
- date: "2024-01-15",
- Distribution: "Office supplies",
- charge: "200.50",
- year: "2024",
- quarter: "Q1",
- amount: 1500,
- },
- {
- id: uuidv4(),
- date: "2024-02-10",
- Distribution: "Marketing expenses",
- charge: "450.00",
- year: "2024",
- quarter: "Q1",
- amount: 2000,
- },
- {
- id: uuidv4(),
- date: "2024-03-05",
- Distribution: "Software subscription",
- charge: "300.75",
- year: "2024",
- quarter: "Q1",
- amount: 1200,
- },
- {
- id: uuidv4(),
- date: "2024-04-18",
- Distribution: "Travel expenses",
- charge: "600.30",
- year: "2024",
- quarter: "Q2",
- amount: 2500,
- },
- {
- id: uuidv4(),
- date: "2024-05-22",
- Distribution: "Consulting fees",
- charge: "800.00",
- year: "2024",
- quarter: "Q2",
- amount: 3000,
- },
- {
- id: uuidv4(),
- date: "2024-06-14",
- Distribution: "Office rent",
- charge: "1200.25",
- year: "2024",
- quarter: "Q2",
- amount: 3500,
- },
- {
- id: uuidv4(),
- date: "2024-07-09",
- Distribution: "Utilities",
- charge: "150.40",
- year: "2024",
- quarter: "Q3",
- amount: 1000,
- },
- {
- id: uuidv4(),
- date: "2024-08-29",
- Distribution: "Employee training",
- charge: "500.00",
- year: "2024",
- quarter: "Q3",
- amount: 1800,
- },
- {
- id: uuidv4(),
- date: "2024-09-13",
- Distribution: "Website maintenance",
- charge: "350.65",
- year: "2024",
- quarter: "Q3",
- amount: 1400,
- },
- {
- id: uuidv4(),
- date: "2024-10-23",
- Distribution: "Advertising",
- charge: "900.50",
- year: "2024",
- quarter: "Q4",
- amount: 2200,
- },
- {
- id: uuidv4(),
- date: "2024-10-23",
- Distribution: "Advertising",
- charge: "900.50",
- year: "2024",
- quarter: "Q4",
- amount: 2200,
- },
- {
- id: uuidv4(),
- date: "2024-10-23",
- Distribution: "Advertising",
- charge: "900.50",
- year: "2024",
- quarter: "Q4",
- amount: 2200,
- },
- ]);
- const [deleteHistory, setDeleteHistory] = useState([
- {
- id: uuidv4(),
- date: "2024-01-15",
- Distribution: "Office supplies",
- charge: "200.50",
- year: "2024",
- quarter: "Q1",
- amount: 1500,
- },
- {
- id: uuidv4(),
- date: "2024-02-10",
- Distribution: "Marketing expenses",
- charge: "450.00",
- year: "2024",
- quarter: "Q1",
- amount: 2000,
- },
- {
- id: uuidv4(),
- date: "2024-03-05",
- Distribution: "Software subscription",
- charge: "300.75",
- year: "2024",
- quarter: "Q1",
- amount: 1200,
- },
- {
- id: uuidv4(),
- date: "2024-04-18",
- Distribution: "Travel expenses",
- charge: "600.30",
- year: "2024",
- quarter: "Q2",
- amount: 2500,
- },
- {
- id: uuidv4(),
- date: "2024-05-22",
- Distribution: "Consulting fees",
- charge: "800.00",
- year: "2024",
- quarter: "Q2",
- amount: 3000,
- },
- {
- id: uuidv4(),
- date: "2024-06-14",
- Distribution: "Office rent",
- charge: "1200.25",
- year: "2024",
- quarter: "Q2",
- amount: 3500,
- },
- {
- id: uuidv4(),
- date: "2024-07-09",
- Distribution: "Utilities",
- charge: "150.40",
- year: "2024",
- quarter: "Q3",
- amount: 1000,
- },
- {
- id: uuidv4(),
- date: "2024-08-29",
- Distribution: "Employee training",
- charge: "500.00",
- year: "2024",
- quarter: "Q3",
- amount: 1800,
- },
- {
- id: uuidv4(),
- date: "2024-09-13",
- Distribution: "Website maintenance",
- charge: "350.65",
- year: "2024",
- quarter: "Q3",
- amount: 1400,
- },
- {
- id: uuidv4(),
- date: "2024-10-23",
- Distribution: "Advertising",
- charge: "900.50",
- year: "2024",
- quarter: "Q4",
- amount: 2200,
- },
- {
- id: uuidv4(),
- date: "2024-10-23",
- Distribution: "Advertising",
- charge: "900.50",
- year: "2024",
- quarter: "Q4",
- amount: 2200,
- },
- {
- id: uuidv4(),
- date: "2024-10-23",
- Distribution: "Advertising",
- charge: "900.50",
- year: "2024",
- quarter: "Q4",
- amount: 2200,
- },
- ]);
- const [investorRequest, setInvestorRequest] = useState([
- {
- id: uuidv4(),
- date: getRandomDate(startDate, endDate),
- Distribution: "lorem ipsum dummy text",
- charge: "500",
- year: "2024",
- quater: "Q 1",
- amount: 1000,
- },
- {
- id: uuidv4(),
- date: getRandomDate(startDate, endDate),
- Distribution: "lorem ipsum dummy text",
- charge: "500",
- year: "2024",
- quater: "Q 1",
- amount: 1000,
- },
- {
- id: uuidv4(),
- date: getRandomDate(startDate, endDate),
- Distribution: "lorem ipsum dummy text",
- charge: "500",
- year: "2024",
- quater: "Q 1",
- amount: 1000,
- },
- {
- id: uuidv4(),
- date: getRandomDate(startDate, endDate),
- Distribution: "lorem ipsum dummy text",
- charge: "500",
- year: "2024",
- quater: "Q 1",
- amount: 1000,
- },
- {
- id: uuidv4(),
- date: getRandomDate(startDate, endDate),
- Distribution: "lorem ipsum dummy text",
- charge: "500",
- year: "2024",
- quater: "Q 1",
- amount: 1000,
- },
- {
- id: uuidv4(),
- date: getRandomDate(startDate, endDate),
- Distribution: "lorem ipsum dummy text",
- charge: "500",
- year: "2024",
- quater: "Q 1",
- amount: 1000,
- },
- {
- id: uuidv4(),
- date: getRandomDate(startDate, endDate),
- Distribution: "lorem ipsum dummy text",
- charge: "500",
- year: "2024",
- quater: "Q 1",
- amount: 1000,
- },
- {
- id: uuidv4(),
- date: getRandomDate(startDate, endDate),
- Distribution: "lorem ipsum dummy text",
- charge: "500",
- year: "2024",
- quater: "Q 1",
- amount: 1000,
- },
- {
- id: uuidv4(),
- date: getRandomDate(startDate, endDate),
- Distribution: "lorem ipsum dummy text",
- charge: "500",
- year: "2024",
- quater: "Q 1",
- amount: 1000,
- },
- {
- id: uuidv4(),
- date: getRandomDate(startDate, endDate),
- Distribution: "lorem ipsum dummy text",
- charge: "500",
- year: "2024",
- quater: "Q 1",
- amount: 1000,
- },
- {
- id: uuidv4(),
- date: getRandomDate(startDate, endDate),
- Distribution: "lorem ipsum dummy text",
- charge: "500",
- year: "2024",
- quater: "Q 1",
- amount: 1000,
- },
- {
- id: uuidv4(),
- date: getRandomDate(startDate, endDate),
- Distribution: "lorem ipsum dummy text",
- charge: "500",
- year: "2024",
- quater: "Q 1",
- amount: 1000,
- },
- ]);
- const [deleteRequest, setDeleteRequest] = useState([
- {
- id: uuidv4(),
- date: getRandomDate(startDate, endDate),
- Distribution: "lorem ipsum dummy text",
- charge: "500",
- year: "2024",
- quater: "Q 1",
- amount: 1000,
- },
- {
- id: uuidv4(),
- date: getRandomDate(startDate, endDate),
- Distribution: "lorem ipsum dummy text",
- charge: "500",
- year: "2024",
- quater: "Q 1",
- amount: 1000,
- },
- {
- id: uuidv4(),
- date: getRandomDate(startDate, endDate),
- Distribution: "lorem ipsum dummy text",
- charge: "500",
- year: "2024",
- quater: "Q 1",
- amount: 1000,
- },
- {
- id: uuidv4(),
- date: getRandomDate(startDate, endDate),
- Distribution: "lorem ipsum dummy text",
- charge: "500",
- year: "2024",
- quater: "Q 1",
- amount: 1000,
- },
- {
- id: uuidv4(),
- date: getRandomDate(startDate, endDate),
- Distribution: "lorem ipsum dummy text",
- charge: "500",
- year: "2024",
- quater: "Q 1",
- amount: 1000,
- },
- {
- id: uuidv4(),
- date: getRandomDate(startDate, endDate),
- Distribution: "lorem ipsum dummy text",
- charge: "500",
- year: "2024",
- quater: "Q 1",
- amount: 1000,
- },
- {
- id: uuidv4(),
- date: getRandomDate(startDate, endDate),
- Distribution: "lorem ipsum dummy text",
- charge: "500",
- year: "2024",
- quater: "Q 1",
- amount: 1000,
- },
- {
- id: uuidv4(),
- date: getRandomDate(startDate, endDate),
- Distribution: "lorem ipsum dummy text",
- charge: "500",
- year: "2024",
- quater: "Q 1",
- amount: 1000,
- },
- {
- id: uuidv4(),
- date: getRandomDate(startDate, endDate),
- Distribution: "lorem ipsum dummy text",
- charge: "500",
- year: "2024",
- quater: "Q 1",
- amount: 1000,
- },
- {
- id: uuidv4(),
- date: getRandomDate(startDate, endDate),
- Distribution: "lorem ipsum dummy text",
- charge: "500",
- year: "2024",
- quater: "Q 1",
- amount: 1000,
- },
- {
- id: uuidv4(),
- date: getRandomDate(startDate, endDate),
- Distribution: "lorem ipsum dummy text",
- charge: "500",
- year: "2024",
- quater: "Q 1",
- amount: 1000,
- },
- {
- id: uuidv4(),
- date: getRandomDate(startDate, endDate),
- Distribution: "lorem ipsum dummy text",
- charge: "500",
- year: "2024",
- quater: "Q 1",
- amount: 1000,
- },
- ]);
- const [viewIO, setViewIO] = useState([
- {
- id: 1,
- DealID: "UWE3424992",
- DealName: "K-Prime",
- SponsorName: "KKR",
- IOstatus: "Open",
- },
- {
- id: 2,
- DealID: "UWE3424993",
- DealName: "K-Prime",
- SponsorName: "KKR",
- IOstatus: "Pending",
- },
- {
- id: 3,
- DealID: "UWE3424994",
- DealName: "K-Prime",
- SponsorName: "KKR",
- IOstatus: "Close",
- },
- {
- id: 4,
- DealID: "UWE3424995",
- DealName: "K-Prime",
- SponsorName: "KKR",
- IOstatus: "Open",
- },
- ]);
-
-
- const [depositRequest, setDepositRequest] = useState([
- {
- id: 1,
- date: "02-Jan-2024",
- clientId: "SA00000001",
- firstName: "John",
- lastName: "David",
- country: "Saudi Arabia",
- phoneNumber: "8940035906",
- currency: "SAR",
- depositAmount: "$100,000",
- fees: "$2,000",
- totalAmount: "$102,000",
- amountcurrency: "382574.17",
- },
- {
- id: 2,
- date: "02-Jan-2024",
- clientId: "KU00000001",
- firstName: "Faisal",
- lastName: "Aljalahma",
- country: "Kuwait",
- phoneNumber: "8226278945",
- currency: "KWD",
- depositAmount: "$200,000",
- fees: "$4,000",
- totalAmount: "$204,000",
- amountcurrency: "62438.98",
- },
- {
- id: 3,
- date: "02-Jan-2024",
- clientId: "BH00000001",
- firstName: "Nawaf",
- lastName: "Almaskati",
- country: "Bahrain",
- phoneNumber: "8940035906",
- currency: "BHD",
- depositAmount: "$300,000",
- fees: "$6,000",
- totalAmount: "$306,000",
- amountcurrency: "115328.04",
- },
- {
- id: 4,
- date: "02-Jan-2024",
- clientId: "SA00000002",
- firstName: "Sulaiman",
- lastName: "AlBassam",
- country: "Saudi Arabia",
- phoneNumber: "8226278945",
- currency: "SAR",
- depositAmount: "$400,000",
- fees: "$8,000",
- totalAmount: "$408,000",
- amountcurrency: "1530296.67",
- },
- ]);
-
- const [depositHistory, setDepositHistory] = useState([
- {
- id: 1,
- date: "02-Jan-2024",
- clientId: "SA00000001",
- firstName: "John",
- lastName: "David",
- country: "Saudi Arabia",
- phoneNumber: "8940035906",
- currency: "SAR",
- depositAmount: "$100,000",
- fees: "$2,000",
- totalAmount: "$102,000",
- amountcurrency: "382574.17",
- status: "Approved",
- },
- {
- id: 2,
- date: "02-Jan-2024",
- clientId: "KU00000001",
- firstName: "Faisal",
- lastName: "Aljalahma",
- country: "Kuwait",
- phoneNumber: "8226278945",
- currency: "KWD",
- depositAmount: "$200,000",
- fees: "$4,000",
- totalAmount: "$204,000",
- amountcurrency: "62438.98",
- status: "Rejected",
- },
- {
- id: 3,
- date: "02-Jan-2024",
- clientId: "BH00000001",
- firstName: "Nawaf",
- lastName: "Almaskati",
- country: "Bahrain",
- phoneNumber: "8940035906",
- currency: "BHD",
- depositAmount: "$300,000",
- fees: "$6,000",
- totalAmount: "$306,000",
- amountcurrency: "115328.04",
- status: "Approved",
- },
- {
- id: 4,
- date: "02-Jan-2024",
- clientId: "SA00000002",
- firstName: "Sulaiman",
- lastName: "AlBassam",
- country: "Saudi Arabia",
- phoneNumber: "8226278945",
- currency: "SAR",
- depositAmount: "$400,000",
- fees: "$8,000",
- totalAmount: "$408,000",
- amountcurrency: "1530296.67",
- status: "Rejected",
- },
- ]);
-
- const [bankInvestor, setBankInvestor] = useState([
- {
- id: 1,
- date: "02-Jan-2024",
- clientId: "SA00000001",
- firstName: "John",
- lastName: "David",
- country: "Saudi Arabia",
- phoneNumber: "8940035906",
- mailId: "john@gmail.com",
- status: "Completed",
- },
- {
- id: 2,
- date: "02-Jan-2024",
- clientId: "SA00000001",
- firstName: "John",
- lastName: "David",
- country: "Saudi Arabia",
- phoneNumber: "8940035906",
- mailId: "john@gmail.com",
- status: "Incompleted",
- },
- {
- id: 3,
- date: "02-Jan-2024",
- clientId: "SA00000001",
- firstName: "John",
- lastName: "David",
- country: "Saudi Arabia",
- phoneNumber: "8940035906",
- mailId: "john@gmail.com",
- status: "Completed",
- },
- {
- id: 4,
- date: "02-Jan-2024",
- clientId: "SA00000001",
- firstName: "John",
- lastName: "David",
- country: "Saudi Arabia",
- phoneNumber: "8940035906",
- mailId: "john@gmail.com",
- status: "Incompleted",
- },
- {
- id: 5,
- date: "02-Jan-2024",
- clientId: "SA00000001",
- firstName: "John",
- lastName: "David",
- country: "Saudi Arabia",
- phoneNumber: "8940035906",
- mailId: "john@gmail.com",
- status: "Completed",
- },
- {
- id: 6,
- date: "02-Jan-2024",
- clientId: "SA00000001",
- firstName: "John",
- lastName: "David",
- country: "Saudi Arabia",
- phoneNumber: "8940035906",
- mailId: "john@gmail.com",
- status: "Incompleted",
- },
- {
- id: 7,
- date: "02-Jan-2024",
- clientId: "SA00000001",
- firstName: "John",
- lastName: "David",
- country: "Saudi Arabia",
- phoneNumber: "8940035906",
- mailId: "john@gmail.com",
- status: "Incompleted",
- },
- {
- id: 8,
- date: "02-Jan-2024",
- clientId: "SA00000001",
- firstName: "John",
- lastName: "David",
- country: "Saudi Arabia",
- phoneNumber: "8940035906",
- mailId: "john@gmail.com",
- status: "Completed",
- },
- {
- id: 9,
- date: "02-Jan-2024",
- clientId: "SA00000001",
- firstName: "John",
- lastName: "David",
- country: "Saudi Arabia",
- phoneNumber: "8940035906",
- mailId: "john@gmail.com",
- status: "Completed",
- },
- {
- id: 10,
- date: "02-Jan-2024",
- clientId: "SA00000001",
- firstName: "John",
- lastName: "David",
- country: "Saudi Arabia",
- phoneNumber: "8940035906",
- mailId: "john@gmail.com",
- status: "Incompleted",
- },
- ]);
-
- const [manageAcademy, setManageAcademy] = useState([
- {
- id: 1,
- header: "Investing in Private Equity",
- content: "Private equity investing involve...",
- bannerImage: "John",
- },
- {
- id: 2,
- header: "Investing in Private Equity",
- content: "Private equity investing involve...",
- bannerImage: "John",
- },
- {
- id: 3,
- header: "Investing in Private Equity",
- content: "Private equity investing involve...",
- bannerImage: "John",
- },
- ]);
-
- const [manageVideo, setManageVideo] = useState([
- {
- id: 1,
- name: "Investing in Private Equity",
- videoUploaded: "Video.mp4",
- },
- ]);
-
- const [academicDocuments, setAcademicDocuments] = useState([
- {
- id: 1,
- fullName: "Investing in Private Equity",
- document: "Video.mp4",
- },
- ]);
-
-
-
-
-
-
-
-
- // ==============[ prod state ]===============================
- const [IODetails, setIODetails] = useState(null);
- const [ isIOloading, setIOloading ] = useState(false)
+ const [ employees, setEmployees ] = useState([
+ {
+ "id": 1,
+ "EmpID":"124589",
+ "Name": "Status",
+ "emailAddress": "in***@wdimails.com",
+ "mobileNumber": "+91 ***8451254",
+ "Grade": "L1",
+ "Department": "Sales",
+ "Role":"Sr. Manager",
+ "status":"Active",
+ },
+ {
+ "id": 2,
+ "EmpID":"124589",
+ "Name": "Status",
+ "emailAddress": "in***@wdimails.com",
+ "mobileNumber": "+91 ***8451254",
+ "Grade": "L1",
+ "Department": "Sales",
+ "Role":"Sr. Manager",
+ "status":"Active",
+ },
+ {
+ "id": 3,
+ "EmpID":"124589",
+ "Name": "Status",
+ "emailAddress": "in***@wdimails.com",
+ "mobileNumber": "+91 ***8451254",
+ "Grade": "L1",
+ "Department": "Sales",
+ "Role":"Sr. Manager",
+ "status":"Active",
+ },
+ {
+ "id": 4,
+ "EmpID":"124589",
+ "Name": "Status",
+ "emailAddress": "in***@wdimails.com",
+ "mobileNumber": "+91 ***8451254",
+ "Grade": "L1",
+ "Department": "Sales",
+ "Role":"Sr. Manager",
+ "status":"Active",
+ },
+ {
+ "id": 5,
+ "EmpID":"124589",
+ "Name": "Status",
+ "emailAddress": "in***@wdimails.com",
+ "mobileNumber": "+91 ***8451254",
+ "Grade": "L1",
+ "Department": "Sales",
+ "Role":"Sr. Manager",
+ "status":"Active",
+ },
+ {
+ "id": 6,
+ "EmpID":"124589",
+ "Name": "Status",
+ "emailAddress": "in***@wdimails.com",
+ "mobileNumber": "+91 ***8451254",
+ "Grade": "L1",
+ "Department": "Sales",
+ "Role":"Sr. Manager",
+ "status":"Active",
+ },
+ {
+ "id": 7,
+ "EmpID":"124589",
+ "Name": "Status",
+ "emailAddress": "in***@wdimails.com",
+ "mobileNumber": "+91 ***8451254",
+ "Grade": "L1",
+ "Department": "Sales",
+ "Role":"Sr. Manager",
+ "status":"Active",
+ },
+ {
+ "id": 8,
+ "EmpID":"124589",
+ "Name": "Status",
+ "emailAddress": "in***@wdimails.com",
+ "mobileNumber": "+91 ***8451254",
+ "Grade": "L1",
+ "Department": "Sales",
+ "Role":"Sr. Manager",
+ "status":"Active",
+ },
+ {
+ "id": 9,
+ "EmpID":"124589",
+ "Name": "Status",
+ "emailAddress": "in***@wdimails.com",
+ "mobileNumber": "+91 ***8451254",
+ "Grade": "L1",
+ "Department": "Sales",
+ "Role":"Sr. Manager",
+ "status":"Active",
+ },
+ {
+ "id": 10,
+ "EmpID":"124589",
+ "Name": "Status",
+ "emailAddress": "in***@wdimails.com",
+ "mobileNumber": "+91 ***8451254",
+ "Grade": "L1",
+ "Department": "Sales",
+ "Role":"Sr. Manager",
+ "status":"Active",
+ },
+ {
+ "id": 11,
+ "EmpID":"124589",
+ "Name": "Status",
+ "emailAddress": "in***@wdimails.com",
+ "mobileNumber": "+91 ***8451254",
+ "Grade": "L1",
+ "Department": "Sales",
+ "Role":"Sr. Manager",
+ "status":"Active",
+ },
+ {
+ "id": 7,
+ "EmpID":"124589",
+ "Name": "Status",
+ "emailAddress": "in***@wdimails.com",
+ "mobileNumber": "+91 ***8451254",
+ "Grade": "L1",
+ "Department": "Sales",
+ "Role":"Sr. Manager",
+ "status":"Active",
+ },
+ {
+ "id": 8,
+ "EmpID":"124589",
+ "Name": "Status",
+ "emailAddress": "in***@wdimails.com",
+ "mobileNumber": "+91 ***8451254",
+ "Grade": "L1",
+ "Department": "Sales",
+ "Role":"Sr. Manager",
+ "status":"Active",
+ },
+ {
+ "id": 9,
+ "EmpID":"124589",
+ "Name": "Status",
+ "emailAddress": "in***@wdimails.com",
+ "mobileNumber": "+91 ***8451254",
+ "Grade": "L1",
+ "Department": "Sales",
+ "Role":"Sr. Manager",
+ "status":"Active",
+ },
+ {
+ "id": 10,
+ "EmpID":"124589",
+ "Name": "Status",
+ "emailAddress": "in***@wdimails.com",
+ "mobileNumber": "+91 ***8451254",
+ "Grade": "L1",
+ "Department": "Sales",
+ "Role":"Sr. Manager",
+ "status":"Active",
+ },
+ {
+ "id": 11,
+ "EmpID":"124589",
+ "Name": "Status",
+ "emailAddress": "in***@wdimails.com",
+ "mobileNumber": "+91 ***8451254",
+ "Grade": "L1",
+ "Department": "Sales",
+ "Role":"Sr. Manager",
+ "status":"Active",
+ },
+ {
+ "id": 7,
+ "EmpID":"124589",
+ "Name": "Status",
+ "emailAddress": "in***@wdimails.com",
+ "mobileNumber": "+91 ***8451254",
+ "Grade": "L1",
+ "Department": "Sales",
+ "Role":"Sr. Manager",
+ "status":"Active",
+ },
+ {
+ "id": 8,
+ "EmpID":"124589",
+ "Name": "Status",
+ "emailAddress": "in***@wdimails.com",
+ "mobileNumber": "+91 ***8451254",
+ "Grade": "L1",
+ "Department": "Sales",
+ "Role":"Sr. Manager",
+ "status":"Active",
+ },
+ {
+ "id": 9,
+ "EmpID":"124589",
+ "Name": "Status",
+ "emailAddress": "in***@wdimails.com",
+ "mobileNumber": "+91 ***8451254",
+ "Grade": "L1",
+ "Department": "Sales",
+ "Role":"Sr. Manager",
+ "status":"Active",
+ },
+ {
+ "id": 10,
+ "EmpID":"124589",
+ "Name": "Status",
+ "emailAddress": "in***@wdimails.com",
+ "mobileNumber": "+91 ***8451254",
+ "Grade": "L1",
+ "Department": "Sales",
+ "Role":"Sr. Manager",
+ "status":"Active",
+ },
+ {
+ "id": 11,
+ "EmpID":"124589",
+ "Name": "Status",
+ "emailAddress": "in***@wdimails.com",
+ "mobileNumber": "+91 ***8451254",
+ "Grade": "L1",
+ "Department": "Sales",
+ "Role":"Sr. Manager",
+ "status":"Active",
+ }
+ ]
+ )
return (
{children}
diff --git a/src/Layout/DefaultLayout.jsx b/src/Layout/DefaultLayout.jsx
index b2587b8..0ac52eb 100644
--- a/src/Layout/DefaultLayout.jsx
+++ b/src/Layout/DefaultLayout.jsx
@@ -28,15 +28,6 @@ import { nav } from "../Routes/Nav";
import {
Avatar,
Box,
- Button,
- PopoverArrow,
- PopoverBody,
- PopoverCloseButton,
- PopoverContent,
- PopoverFooter,
- PopoverHeader,
- PopoverTrigger,
- Portal,
Text,
WrapItem,
Popover,
@@ -51,6 +42,7 @@ import {
AlertIcon,
Breadcrumb,
Divider,
+ Button,
} from "@chakra-ui/react";
import GlobalStateContext from "../Contexts/GlobalStateContext";
import Cookies from "js-cookie"; // Import the Cookies library
@@ -64,7 +56,11 @@ import {
RiMoneyDollarBoxLine,
} from "react-icons/ri";
import { VscSymbolClass } from "react-icons/vsc";
-import { MdNotificationsNone, MdOutlineAddChart, MdOutlineTaskAlt } from "react-icons/md";
+import {
+ MdNotificationsNone,
+ MdOutlineAddChart,
+ MdOutlineTaskAlt,
+} from "react-icons/md";
import { HiOutlineChartSquareBar } from "react-icons/hi";
import { GrManual, GrNotification } from "react-icons/gr";
import { LuContact } from "react-icons/lu";
@@ -74,14 +70,14 @@ import CutomBreadcrumb from "../Components/CutomBreadcrumb";
import CustomBreadcrumb from "../Components/CutomBreadcrumb";
import { getCountdownTimer } from "../Constants/Constants";
import { FiHome } from "react-icons/fi";
+import compLogo from "../assets/complogo.svg";
const DashboardLayout = ({ isOnline }) => {
const navigate = useNavigate();
const dispach = useDispatch();
const location = useLocation();
const path = location.pathname;
- const [isDrawerOpen, setIsDrawerOpen] = useState(false);
- const [openDrawerClick, setOpenDrawerClick] = useState(true);
+ const [isDrawerOpen, setIsDrawerOpen] = useState(true);
const {
setIsAuthenticate,
colorMode,
@@ -109,23 +105,23 @@ const DashboardLayout = ({ isOnline }) => {
// Set a timer to hide the splash screen after 3 seconds
const timer = setTimeout(() => {
setSplashVisible(false);
- },1000); // 3000ms = 3 seconds
+ }, 1000); // 3000ms = 3 seconds
// Cleanup the timer
return () => clearTimeout(timer);
}, []);
- const openDrawerOnClick = () => {
- setOpenDrawerClick(!openDrawerClick);
+ const toggleDrawer = () => {
+ setIsDrawerOpen(!isDrawerOpen);
};
const logOutHandler = () => {
// dispach(loginUser(false));
setIsAuthenticate(false);
Cookies.remove("isAuthenticated");
- localStorage.removeItem('refreshToken')
- localStorage.removeItem('accessToken')
- localStorage.removeItem('refreshTokenExp')
+ localStorage.removeItem("refreshToken");
+ localStorage.removeItem("accessToken");
+ localStorage.removeItem("refreshTokenExp");
navigate("/login");
};
@@ -317,9 +313,7 @@ const DashboardLayout = ({ isOnline }) => {
);
default:
- return
- Home
-
+ return Home;
}
};
@@ -328,332 +322,255 @@ const DashboardLayout = ({ isOnline }) => {
}
return (
-
-
-
- No Internet !
-
-
- {/* setSlideFormRight(!slideFromRight)}
- _hover={{
- opacity: 1,
+
+
+
-
- */}
+
+
+ No Internet !
+
- {slideFromRight ? null : (
-
+ )
+ )}
+
+
+ );
+ } else if (type === "title") {
+ return (
{title}
-
- );
- } else {
- return null;
+ );
+ } else if (type === "single") {
+ return (
+
+ {Icon && }
+
+ {title}
+
+
+ );
+ } else {
+ return null;
+ }
}
- })}
+ )}
+
- {/* */}
- {getCountdownTimer(localStorage.getItem('accessTokenExp'))}
-
-
- )}
-
-
- {/* */}
-
-
+ {/*
-
- {/* */}
+ /> */}
-
-
+
-
+
+
+
);
};
diff --git a/src/Pages/Dashbaord.jsx b/src/Pages/Dashboard/Dashbaord.jsx
similarity index 100%
rename from src/Pages/Dashbaord.jsx
rename to src/Pages/Dashboard/Dashbaord.jsx
diff --git a/src/Pages/Expenses/Expenses.jsx b/src/Pages/Expenses/Expenses.jsx
new file mode 100644
index 0000000..0c7c467
--- /dev/null
+++ b/src/Pages/Expenses/Expenses.jsx
@@ -0,0 +1,16 @@
+import { Box } from "@chakra-ui/react";
+import React from "react";
+import MiniHeader from "../../Components/MiniHeader";
+
+const Expenses = () => {
+ return (
+
+
+
+ );
+};
+
+export default Expenses;
diff --git a/src/Pages/HelpAndSupport/HelpAndSupport.jsx b/src/Pages/HelpAndSupport/HelpAndSupport.jsx
new file mode 100644
index 0000000..88b46fe
--- /dev/null
+++ b/src/Pages/HelpAndSupport/HelpAndSupport.jsx
@@ -0,0 +1,16 @@
+import { Box } from "@chakra-ui/react";
+import React from "react";
+import MiniHeader from "../../Components/MiniHeader";
+
+const HelpAndSupport = () => {
+ return (
+
+
+
+ );
+};
+
+export default HelpAndSupport;
diff --git a/src/Pages/Login.jsx b/src/Pages/Login.jsx
index 1150b51..6866138 100644
--- a/src/Pages/Login.jsx
+++ b/src/Pages/Login.jsx
@@ -1,6 +1,6 @@
import { useNavigate } from "react-router-dom";
import Input01 from "../Components/Inputs/Input01";
-import logo from "../assets/logo2.png";
+import logo from "../assets/optifii_logo.png";
import { useDispatch, useSelector } from "react-redux";
import { loginUser } from "../Redux/Slice/auth";
import { useContext, useEffect, useState } from "react";
@@ -124,14 +124,7 @@ const Login = () => {
className="rubix-primary"
>
-
-
-
+
{
}}
rounded={'sm'}
>
- {/* */}
-
- LOGIN
+
+
+
+ Welcome
- {/*
- Login to manage tanami.
- */}
- {/* */}
+
diff --git a/src/Pages/SupportAndTicket/SupportAndTicket.jsx b/src/Pages/SupportAndTicket/SupportAndTicket.jsx
new file mode 100644
index 0000000..edd9078
--- /dev/null
+++ b/src/Pages/SupportAndTicket/SupportAndTicket.jsx
@@ -0,0 +1,17 @@
+import { Box } from "@chakra-ui/react";
+import React from "react";
+import MiniHeader from "../../Components/MiniHeader";
+
+const SupportAndTicket = () => {
+ return (
+
+
+
+ );
+};
+
+export default SupportAndTicket;
diff --git a/src/Routes/Nav.js b/src/Routes/Nav.js
index 94cf95a..95bdfc5 100644
--- a/src/Routes/Nav.js
+++ b/src/Routes/Nav.js
@@ -1,339 +1,211 @@
import { HiOutlineNewspaper } from "react-icons/hi";
-import { TbBrandMedium, TbChartHistogram, TbLayoutDashboard, TbReportMoney, TbSquareRoundedFilled } from "react-icons/tb";
+import { TbBrandMedium, TbSquareRoundedFilled } from "react-icons/tb";
import {
- RiBankLine,
- RiFileUserLine,
RiMoneyDollarBoxLine,
} from "react-icons/ri";
import { RiExchangeBoxLine } from "react-icons/ri";
-import { VscGitPullRequestGoToChanges, VscSymbolClass } from "react-icons/vsc";
+import { VscSymbolClass } from "react-icons/vsc";
import { FiHome, FiUsers } from "react-icons/fi";
-import { PiCrown } from "react-icons/pi";
-import { MdOutlineAddChart, MdOutlineAdminPanelSettings, MdOutlineEditCalendar, MdOutlinePolicy, MdOutlineTaskAlt, MdWorkspacesOutline } from "react-icons/md";
-import { HiOutlineChartSquareBar } from "react-icons/hi";
-import { TbListDetails } from "react-icons/tb";
-import { TbTransactionDollar } from "react-icons/tb";
-import { TbCalendarDollar } from "react-icons/tb";
-import { TbDeviceDesktopDollar } from "react-icons/tb";
-import { BiMoneyWithdraw } from "react-icons/bi";
-import { GrDocumentUpdate, GrManual, GrNotification } from "react-icons/gr";
-import { MdBrowserUpdated } from "react-icons/md";
-import { AiOutlineUserDelete } from "react-icons/ai";
-import { MdNotificationsNone } from "react-icons/md";
-import { SiAcademia } from "react-icons/si";
-import { LuContact } from "react-icons/lu";
-import { LiaCrownSolid } from "react-icons/lia";
-import { PiCrownDuotone } from "react-icons/pi";
-import { IoMdNotificationsOutline } from "react-icons/io";
-import { BellIcon } from "@chakra-ui/icons";
+import {MdOutlineEditCalendar, MdOutlinePolicy, MdOutlineTaskAlt, MdWorkspacesOutline } from "react-icons/md";
+import { GrNotification } from "react-icons/gr";
+import HomeIcon from "../assets/homeIcon.png"
+import { PiReceiptBold } from "react-icons/pi";
+import { PiCopySimple } from "react-icons/pi";
+import { GoGift } from "react-icons/go";
+import { MdOutlineLiveHelp } from "react-icons/md";
+import { AiOutlineHome } from "react-icons/ai";
+
export const nav = [
-
- // {
- // title: "My menu",
- // type: "title",
- // },
{
- title: "Home",
+ title: "Dashboard",
type: "single",
path: "/",
+ Icon: AiOutlineHome,
+ },
+ {
+ title: "Analytics",
+ type: "title",
+ },
+ {
+ title: "Manage Human Resource",
Icon: FiHome,
- },
- {
- title: "My tasks",
- type: "single",
- path: "/task",
- Icon: MdOutlineTaskAlt,
- },
- {
- title: "Notification",
- type: "single",
- path: "/notification",
- Icon: GrNotification,
- },
- // {
- // title: "Projects",
- // type: "title",
- // },
- {
- title: "Projects",
+ path: "/home",
submenu: [
{
- title: "Tanami",
- path: "/tanami",
+ title: "Employees",
+ path: "/employees",
icon: TbSquareRoundedFilled,
colorCode:"#70a1ff"
},
{
- title: "ReGroup",
- path: "/ReGroup",
+ title: "Approvers",
+ path: "/approvers",
icon: TbSquareRoundedFilled,
colorCode:"#7bed9f"
},
{
- title: "Woka",
- path: "/Woka",
+ title: "Manage department & roles",
+ path: "/Manage-roles",
icon: TbSquareRoundedFilled,
- colorCode:"#eccc68"
+ colorCode:"#7bed9f"
},
],
type: "accordion",
- Icon: MdWorkspacesOutline,
},
{
- title: "Officials",
- type: "title",
- },
-
- {
- title: "Leaves",
- type: "single",
- path: "/leaves",
- Icon: MdOutlineEditCalendar,
- },
-
- {
- title: "Policy",
- type: "single",
- path: "/policy",
- Icon: MdOutlinePolicy,
- },
- // {
- // title: "IO Management",
- // submenu: [
- // {
- // title: "Create IO",
- // path: "/create-io",
- // icon: MdOutlineAddChart,
- // },
- // {
- // title: "View IO",
- // path: "/view-io",
- // icon: HiOutlineChartSquareBar,
- // },
- // ],
- // type: "accordion",
- // Icon: TbDeviceDesktopDollar,
- // },
- // {
- // title: "Investor Management",
- // submenu: [
- // {
- // title: "Investor Details",
- // path: "/investor-details",
- // icon: TbListDetails,
- // },
- // {
- // title: "Investor Transactions",
- // path: "/investor-transactions",
- // icon: TbTransactionDollar,
- // },
- // ],
- // type: "accordion",
- // Icon: TbCalendarDollar,
- // },
- // {
- // title: "INVESTORS REQUEST",
- // type: "title",
- // },
- // {
- // title: "Deposit",
- // submenu: [
- // {
- // title: "Pending Request",
- // path: "/deposit-request",
- // icon: RiMoneyDollarBoxLine,
- // },
- // {
- // title: "View History",
- // path: "/deposit-history",
- // icon: RiExchangeBoxLine,
- // },
- // ],
- // type: "accordion",
- // Icon: BiMoneyWithdraw,
- // },
- // {
- // title: "Withdrawal",
- // submenu: [
- // {
- // title: "Pending Request",
- // path: "/withdraw-request",
- // icon: RiMoneyDollarBoxLine,
- // },
- // {
- // title: "View History",
- // path: "/withdraw-history",
- // icon: RiExchangeBoxLine,
- // },
- // ],
- // type: "accordion",
- // Icon: BiMoneyWithdraw,
- // },
- // {
- // title: "Investor Upgradation",
- // submenu: [
- // {
- // title: "Pending Request",
- // path: "/investor-request",
- // icon: RiMoneyDollarBoxLine,
- // },
- // {
- // title: "View History",
- // path: "/investor-history",
- // icon: RiExchangeBoxLine,
- // },
- // ],
- // type: "accordion",
- // Icon: MdBrowserUpdated,
- // },
- // {
- // title: "Account Deletion",
- // submenu: [
- // {
- // title: "Pending Request",
- // path: "/deletion-request",
- // icon: RiMoneyDollarBoxLine,
- // },
- // {
- // title: "View History",
- // path: "/deletion-history",
- // icon: RiExchangeBoxLine,
- // },
- // ],
- // type: "accordion",
- // Icon: AiOutlineUserDelete,
- // },
- // {
- // title: "MANAGE ADMIN",
- // type: "title",
- // },
- // {
- // title: "Admin",
- // submenu: [
- // {
- // title: "Ban / Unban Investor",
- // path: "/bank-investor",
- // icon: TbReportMoney,
- // },
- // {
- // title: "Academy",
- // path: "/academy",
- // icon: GrManual,
- // },
- // {
- // title: "Notification",
- // path: "/notification",
- // icon: MdNotificationsNone,
- // },
- // {
- // title: "Contact Details",
- // path: "/contact",
- // icon: LuContact,
- // },
- // {
- // title: "Users",
- // path: "/users",
- // icon: RiFileUserLine,
- // },
- // {
- // title: "Bank Details",
- // path: "/bank-details",
- // icon: RiBankLine,
- // },
- // ],
- // type: "accordion",
- // Icon: MdOutlineAdminPanelSettings,
- // },
- // {
- // title: "Single Link",
- // type: "single",
- // path: "/logout",
- // Icon: HiOutlineNewspaper,
- // },
-];
-
-export const nestedNav = [
- {
- title: "MAIN MENU",
- type: "accordion",
- accArray: [
- {
- title: "Master",
- submenu: [
- {
- title: "Sponser",
- path: "/sponser",
- icon: RiMoneyDollarBoxLine,
- },
- {
- title: "Exchange rate",
- path: "/exchange-rate",
- icon: RiExchangeBoxLine,
- },
- {
- title: "Asset classes",
- path: "/view",
- icon: VscSymbolClass,
- },
- ],
- type: "accordion",
- Icon: TbBrandMedium,
- },
- {
- title: "User",
- submenu: [
- {
- title: "Sponser",
- path: "/loop",
- icon: TbBrandMedium,
- },
- {
- title: "Class",
- path: "/class",
- icon: TbBrandMedium,
- },
- {
- title: "View",
- path: "/view",
- icon: TbBrandMedium,
- },
- ],
- type: "accordion",
- Icon: HiOutlineNewspaper,
- },
- ],
- },
- {
- title: "User",
+ title: "OptiFii Expense",
+ Icon: FiHome,
+ path: "/home",
submenu: [
{
- title: "Sponser",
- path: "/loop",
- icon: TbBrandMedium,
+ title: "Wallet program",
+ path: "/wallet-program",
+ icon: TbSquareRoundedFilled,
+ colorCode:"#70a1ff"
},
{
- title: "Class",
- path: "/class",
- icon: TbBrandMedium,
+ title: "Reimbursement request",
+ path: "/reimbursement-request",
+ icon: TbSquareRoundedFilled,
+ colorCode:"#7bed9f"
},
{
- title: "View",
- path: "/view",
- icon: TbBrandMedium,
+ title: "Advance expense request",
+ path: "/advance-expense-request",
+ icon: TbSquareRoundedFilled,
+ colorCode:"#7bed9f"
},
],
type: "accordion",
- Icon: FiUsers,
},
{
- title: "SPONSER",
+ title: "OptiFii Expense",
+ type: "single",
+ path: "/optiFii-expense",
+ Icon: PiReceiptBold,
+ },
+ {
+ title: "OptiFii Tax Benefit",
+ type: "single",
+ path: "/optiFii-benefit",
+ Icon: PiReceiptBold,
+ },
+ {
+ title: "OptiFii Gifs & Vouchers",
+ type: "single",
+ path: "/optiFii-vouchers",
+ Icon: PiReceiptBold,
+ },
+ {
+ title: "Shop",
type: "title",
},
{
- title: "Single Link",
+ title: "Reports",
type: "single",
- path: "/",
- Icon: HiOutlineNewspaper,
+ path: "/reports",
+ Icon: PiReceiptBold,
+ },
+ {
+ title: "Support & Ticket",
+ type: "single",
+ path: "/support-ticket",
+ Icon: PiReceiptBold,
+ },
+ {
+ title: "Settings",
+ type: "title",
+ },
+ {
+ title: "Settings",
+ type: "single",
+ path: "/settings",
+ Icon: PiReceiptBold,
},
];
+
+// export const nestedNav = [
+// {
+// title: "MAIN MENU",
+// type: "accordion",
+// accArray: [
+// {
+// title: "Master",
+// submenu: [
+// {
+// title: "Sponser",
+// path: "/sponser",
+// icon: RiMoneyDollarBoxLine,
+// },
+// {
+// title: "Exchange rate",
+// path: "/exchange-rate",
+// icon: RiExchangeBoxLine,
+// },
+// {
+// title: "Asset classes",
+// path: "/view",
+// icon: VscSymbolClass,
+// },
+// ],
+// type: "accordion",
+// Icon: TbBrandMedium,
+// },
+// {
+// title: "User",
+// submenu: [
+// {
+// title: "Sponser",
+// path: "/loop",
+// icon: TbBrandMedium,
+// },
+// {
+// title: "Class",
+// path: "/class",
+// icon: TbBrandMedium,
+// },
+// {
+// title: "View",
+// path: "/view",
+// icon: TbBrandMedium,
+// },
+// ],
+// type: "accordion",
+// Icon: HiOutlineNewspaper,
+// },
+// ],
+// },
+// {
+// title: "User",
+// submenu: [
+// {
+// title: "Sponser",
+// path: "/loop",
+// icon: TbBrandMedium,
+// },
+// {
+// title: "Class",
+// path: "/class",
+// icon: TbBrandMedium,
+// },
+// {
+// title: "View",
+// path: "/view",
+// icon: TbBrandMedium,
+// },
+// ],
+// type: "accordion",
+// Icon: FiUsers,
+// },
+// {
+// title: "SPONSER",
+// type: "title",
+// },
+// {
+// title: "Single Link",
+// type: "single",
+// path: "/",
+// Icon: HiOutlineNewspaper,
+// },
+// ];
diff --git a/src/Routes/Routes.js b/src/Routes/Routes.js
index 4eddd13..b177eaf 100644
--- a/src/Routes/Routes.js
+++ b/src/Routes/Routes.js
@@ -1,6 +1,35 @@
-import Dashbaord from "../Pages/Dashbaord";
+import Dashbaord from "../Pages/Dashboard/Dashbaord";
+import Requests from "../Pages/Requests/Requests";
+import Expenses from "../Pages/Expenses/Expenses";
+import HelpAndSupport from "../Pages/HelpAndSupport/HelpAndSupport";
+import OptiFiiTaxBenefit from "../Pages/OptiFiiTaxBenefit/OptiFiiTaxBenefit";
+import OptiFiiGifsAndVouchers from "../Pages/OptiFiiGifsAndVouchers/OptiFiiGifsAndVouchers";
+import Report from "../Pages/Report/Report";
+import SupportAndTicket from "../Pages/SupportAndTicket/SupportAndTicket";
+import Settings from "../Pages/Settings/Settings";
+import Employees from "../Pages/ManageHumanResource/Employees";
+import Approvers from "../Pages/ManageHumanResource/Approvers";
+import ManageDepartmentAndRoles from "../Pages/ManageHumanResource/ManageDepartmentAndRoles";
+import WalletProgram from "../Pages/OptiFiiExpense/WalletProgram";
+import ReimbursementRequest from "../Pages/OptiFiiExpense/ReimbursementRequest";
+import AdvanceExpenseRequest from "../Pages/OptiFiiExpense/AdvanceExpenseRequest";
export const RouteLink = [
{ path: "/", Component: Dashbaord },
+ { path: "/expenses", Component: Expenses },
+ { path: "/requests", Component: Requests },
+ { path: "/help-support", Component: HelpAndSupport },
+ { path: "/employees", Component: Employees },
+ { path: "/approvers", Component: Approvers },
+ { path: "/Manage-roles", Component: ManageDepartmentAndRoles },
+ { path: "/wallet-program", Component: WalletProgram },
+ { path: "/reimbursement-request", Component: ReimbursementRequest },
+ { path: "/advance-expense-request", Component: AdvanceExpenseRequest },
+ { path: "/optiFii-benefit", Component: OptiFiiTaxBenefit },
+ { path: "/optiFii-vouchers", Component: OptiFiiGifsAndVouchers },
+ { path: "/reports", Component: Report },
+ { path: "/support-ticket", Component: SupportAndTicket },
+ { path: "/settings", Component: Settings },
+
];
diff --git a/src/Theme/Theme.js b/src/Theme/Theme.js
index 05c8f71..f8ed43a 100644
--- a/src/Theme/Theme.js
+++ b/src/Theme/Theme.js
@@ -15,30 +15,31 @@ const customTheme = extendTheme({
800: "#930921",
900: "#700616",
},
- forestGreen: {
- 50: "#ffe6e9",
- 100: "#f8c2c7",
- 200: "#ef9da4",
- 300: "#e67882",
- 400: "#dd5460",
- 500: "#DE858E", // primary shade for your custom color
- 600: "#DE858E",
- 700: "#DE858E",
- 800: "#DE858E",
- 900: "#DE858E",
- },
- forestGreen: {
- 50: "#e6f3e9",
- 100: "#c2e1c7",
- 200: "#9dcda4",
- 300: "#78b982",
- 400: "#54a560",
- 500: "#004118", // primary shade for your custom color
- 600: "#003b14",
- 700: "#003310",
- 800: "#002b0c",
- 900: "#002308",
+ // forestGreen: {
+ // 50: "#ffe6e9",
+ // 100: "#f8c2c7",
+ // 200: "#ef9da4",
+ // 300: "#e67882",
+ // 400: "#dd5460",
+ // 500: "#DE858E", // primary shade for your custom color
+ // 600: "#DE858E",
+ // 700: "#DE858E",
+ // 800: "#DE858E",
+ // 900: "#DE858E",
+ // },
+ deepPurple: {
+ 50: "#F1EAF4", // lightest shade
+ 100: "#DBC7E4",
+ 200: "#BFA0D0",
+ 300: "#9D78B8",
+ 400: "#794DA0",
+ 500: "#210A33", // primary shade for your custom color
+ 600: "#1C082D",
+ 700: "#160524",
+ 800: "#10041C",
+ 900: "#0A0212", // darkest shade
},
+
},
components: {
// Switch: {
diff --git a/src/assets/Ellipse-37.png b/src/assets/Ellipse-37.png
deleted file mode 100644
index cd7e58a..0000000
Binary files a/src/assets/Ellipse-37.png and /dev/null differ
diff --git a/src/assets/Ellipse-38.png b/src/assets/Ellipse-38.png
deleted file mode 100644
index 6af52ca..0000000
Binary files a/src/assets/Ellipse-38.png and /dev/null differ
diff --git a/src/assets/Ellipse-39.png b/src/assets/Ellipse-39.png
deleted file mode 100644
index 8b58fe6..0000000
Binary files a/src/assets/Ellipse-39.png and /dev/null differ
diff --git a/src/assets/Ellipse.png b/src/assets/Ellipse.png
deleted file mode 100644
index f2db4bf..0000000
Binary files a/src/assets/Ellipse.png and /dev/null differ
diff --git a/src/assets/EmptySearchList.png b/src/assets/EmptySearchList.png
deleted file mode 100644
index 2d43ea0..0000000
Binary files a/src/assets/EmptySearchList.png and /dev/null differ
diff --git a/src/assets/ExpensesIcon.png b/src/assets/ExpensesIcon.png
new file mode 100644
index 0000000..1ab0da8
Binary files /dev/null and b/src/assets/ExpensesIcon.png differ
diff --git a/src/assets/GiftsIcon.png b/src/assets/GiftsIcon.png
new file mode 100644
index 0000000..f699ead
Binary files /dev/null and b/src/assets/GiftsIcon.png differ
diff --git a/src/assets/IOheader.png b/src/assets/IOheader.png
deleted file mode 100644
index 9eead41..0000000
Binary files a/src/assets/IOheader.png and /dev/null differ
diff --git a/src/assets/accademicbanner.png b/src/assets/accademicbanner.png
deleted file mode 100644
index 5595d64..0000000
Binary files a/src/assets/accademicbanner.png and /dev/null differ
diff --git a/src/assets/bahrain_flag.png b/src/assets/bahrain_flag.png
deleted file mode 100644
index 6b650a1..0000000
Binary files a/src/assets/bahrain_flag.png and /dev/null differ
diff --git a/src/assets/commingsoon.png b/src/assets/commingsoon.png
deleted file mode 100644
index e576b78..0000000
Binary files a/src/assets/commingsoon.png and /dev/null differ
diff --git a/src/assets/complogo.svg b/src/assets/complogo.svg
new file mode 100644
index 0000000..b05d991
--- /dev/null
+++ b/src/assets/complogo.svg
@@ -0,0 +1,23 @@
+
diff --git a/src/assets/fav_optifii_logo.png b/src/assets/fav_optifii_logo.png
new file mode 100644
index 0000000..60e4498
Binary files /dev/null and b/src/assets/fav_optifii_logo.png differ
diff --git a/src/assets/favicone.png b/src/assets/favicone.png
deleted file mode 100644
index 72359f5..0000000
Binary files a/src/assets/favicone.png and /dev/null differ
diff --git a/src/assets/helpIcon.png b/src/assets/helpIcon.png
new file mode 100644
index 0000000..1452984
Binary files /dev/null and b/src/assets/helpIcon.png differ
diff --git a/src/assets/homeIcon.png b/src/assets/homeIcon.png
new file mode 100644
index 0000000..b3009e1
Binary files /dev/null and b/src/assets/homeIcon.png differ
diff --git a/src/assets/kuwait_flag.png b/src/assets/kuwait_flag.png
deleted file mode 100644
index 514bf42..0000000
Binary files a/src/assets/kuwait_flag.png and /dev/null differ
diff --git a/src/assets/linkedin.png b/src/assets/linkedin.png
deleted file mode 100644
index 1e7032b..0000000
Binary files a/src/assets/linkedin.png and /dev/null differ
diff --git a/src/assets/logo-min copy.png b/src/assets/logo-min copy.png
new file mode 100644
index 0000000..8185f0a
Binary files /dev/null and b/src/assets/logo-min copy.png differ
diff --git a/src/assets/logo2 copy.png b/src/assets/logo2 copy.png
new file mode 100644
index 0000000..da697bc
Binary files /dev/null and b/src/assets/logo2 copy.png differ
diff --git a/src/assets/oman_flag.png b/src/assets/oman_flag.png
deleted file mode 100644
index 5bd32a0..0000000
Binary files a/src/assets/oman_flag.png and /dev/null differ
diff --git a/src/assets/optifii_logo.png b/src/assets/optifii_logo.png
new file mode 100644
index 0000000..2cc151f
Binary files /dev/null and b/src/assets/optifii_logo.png differ
diff --git a/src/assets/optifii_logo.svg b/src/assets/optifii_logo.svg
new file mode 100644
index 0000000..70af94f
--- /dev/null
+++ b/src/assets/optifii_logo.svg
@@ -0,0 +1,60 @@
+
diff --git a/src/assets/photo-1472313420546-a46e561861d8.avif b/src/assets/photo-1472313420546-a46e561861d8.avif
deleted file mode 100644
index 601721c..0000000
Binary files a/src/assets/photo-1472313420546-a46e561861d8.avif and /dev/null differ
diff --git a/src/assets/pro1.jpg b/src/assets/pro1.jpg
deleted file mode 100644
index 65756c8..0000000
Binary files a/src/assets/pro1.jpg and /dev/null differ
diff --git a/src/assets/proavatar copy.webp b/src/assets/proavatar copy.webp
new file mode 100644
index 0000000..0e9ecbf
Binary files /dev/null and b/src/assets/proavatar copy.webp differ
diff --git a/src/assets/qatar_flag.png b/src/assets/qatar_flag.png
deleted file mode 100644
index c3fc0ad..0000000
Binary files a/src/assets/qatar_flag.png and /dev/null differ
diff --git a/src/assets/saudi_arabia_flag.png b/src/assets/saudi_arabia_flag.png
deleted file mode 100644
index 654d7ac..0000000
Binary files a/src/assets/saudi_arabia_flag.png and /dev/null differ
diff --git a/src/assets/uae_flag.png b/src/assets/uae_flag.png
deleted file mode 100644
index ebc9a38..0000000
Binary files a/src/assets/uae_flag.png and /dev/null differ
diff --git a/src/assets/welcome2.avif b/src/assets/welcome2.avif
deleted file mode 100644
index ad27134..0000000
Binary files a/src/assets/welcome2.avif and /dev/null differ
|