diff --git a/src/Contexts/GlobalStateProvider.jsx b/src/Contexts/GlobalStateProvider.jsx index 451fd4a..234d6bd 100644 --- a/src/Contexts/GlobalStateProvider.jsx +++ b/src/Contexts/GlobalStateProvider.jsx @@ -906,6 +906,90 @@ const GlobalStateProvider = ({ children }) => { }, ]) + const [ApplicationStatus , setApplicationStatus] = useState([ + { + EmpID:124589, + Name :"Pooja Shah", + emailAddress :"in***@wdimails.com", + mobileNumber :"+91 *** 154874", + Department:"Sales", + LoadStatus :"10,000", + ActiveStatus:"Active" + }, + { + EmpID:124589, + Name :"Pooja Shah", + emailAddress :"in***@wdimails.com", + mobileNumber :"+91 *** 154874", + Department:"Sales", + LoadStatus :"10,000", + ActiveStatus:"Activate" + }, + { + EmpID:124589, + Name :"Pooja Shah", + emailAddress :"in***@wdimails.com", + mobileNumber :"+91 *** 154874", + Department:"Sales", + LoadStatus :"load Card", + ActiveStatus:"Activate" + }, + { + EmpID:124589, + Name :"Pooja Shah", + emailAddress :"in***@wdimails.com", + mobileNumber :"+91 *** 154874", + Department:"Sales", + LoadStatus :"10,000", + ActiveStatus:"Active" + }, + { + EmpID:124589, + Name :"Pooja Shah", + emailAddress :"in***@wdimails.com", + mobileNumber :"+91 *** 154874", + Department:"Sales", + LoadStatus :"load Card", + ActiveStatus:"Activate" + }, + { + EmpID:124589, + Name :"Pooja Shah", + emailAddress :"in***@wdimails.com", + mobileNumber :"+91 *** 154874", + Department:"Sales", + LoadStatus :"load Card", + ActiveStatus:"Activate" + }, + { + EmpID:124589, + Name :"Pooja Shah", + emailAddress :"in***@wdimails.com", + mobileNumber :"+91 *** 154874", + Department:"Sales", + LoadStatus :"10,000", + ActiveStatus:"Activate" + }, + { + EmpID:124589, + Name :"Pooja Shah", + emailAddress :"in***@wdimails.com", + mobileNumber :"+91 *** 154874", + Department:"Sales", + LoadStatus :"10,000", + ActiveStatus:"Activate" + }, + { + EmpID:124589, + Name :"Pooja Shah", + emailAddress :"in***@wdimails.com", + mobileNumber :"+91 *** 154874", + Department:"Sales", + LoadStatus :"load Card", + ActiveStatus:"Activate" + }, + ]) + return ( { advanceStatus, setAdvanceStatus, digital, - setDigital + setDigital, + ApplicationStatus, + setAdvanceStatus }} > {children} diff --git a/src/Pages/OptiFiiGifsAndVouchers/GiftCard.jsx b/src/Pages/OptiFiiGifsAndVouchers/GiftCard.jsx index 1a75d2c..e9a0d8d 100644 --- a/src/Pages/OptiFiiGifsAndVouchers/GiftCard.jsx +++ b/src/Pages/OptiFiiGifsAndVouchers/GiftCard.jsx @@ -50,7 +50,7 @@ import { AiOutlineEdit } from "react-icons/ai"; import { FaRegEye } from "react-icons/fa"; import { PiReceipt } from "react-icons/pi"; import { OPACITY_ON_LOAD } from "../../Layout/animations"; -import { Link } from "react-router-dom"; +import { Link, NavLink } from "react-router-dom"; import backFund from "../../assets/backfund.svg"; import PrimaryButton from "../../Components/Buttons/PrimaryButton"; import { FaArrowUpFromBracket } from "react-icons/fa6"; @@ -98,7 +98,6 @@ const GiftCard = () => { // "Action", ]; - const physicaltableHeadRow = [ "Sr. no", "Order ID", @@ -107,7 +106,7 @@ const GiftCard = () => { "Total employees", "Total valuation", "Activation Status", - "Card delivery status" + "Card delivery status", ]; const instantTableHeadRow = [ @@ -235,8 +234,7 @@ const GiftCard = () => { ), - "Activation Status": - ( + "Activation Status": ( { )} ), - "Card delivery status": ( + "Card delivery status": ( { ) : item?.CardDeliveryStatus === "Not Delivered" ? ( - {item?.CardDeliveryStatus} - + my={1} + size={"sm"} + bgColor="#FFD9D8" + borderRadius="13.75px" + color="#CC4E4B" + p={1} + px={3} + border="1px solid #FFACAA" + > + {item?.CardDeliveryStatus} + ) : ( "" )} @@ -555,15 +553,16 @@ const GiftCard = () => { ), "Order ID": ( - - {/* + + {/* { rounded={"full"} /> */} - {item?.orderid} - + {item?.orderid} + + ), "Email Address": item?.emailAddress, "Date & time": item?.dateTime, "Total valuation": item?.totalvaluation, - "Quantity": item?.quantity, + Quantity: item?.quantity, Role: item?.Role, "Load Status": ( { /> - { +// return ( +// + +// +// ); +// }; + +// export default ApplicationStatus; +import { + Box, + Button, + Divider, + HStack, + Icon, + Image, + Input, + InputGroup, + InputLeftElement, + Menu, + MenuButton, + MenuItem, + MenuList, + Radio, + Tag, + TagLabel, + Text, + VStack, +} from "@chakra-ui/react"; +import React, { useContext, useEffect, useState } from "react"; +import MiniHeader from "../../../Components/MiniHeader"; +import GlobalStateContext from "../../../Contexts/GlobalStateContext"; +import NormalTable from "../../../Components/DataTable/NormalTable"; +import { + AddIcon, + CalendarIcon, + ChevronDownIcon, + EmailIcon, + SearchIcon, + ViewIcon, +} from "@chakra-ui/icons"; +import { + MdFilterList, + MdNotificationsNone, + MdOutlineHeadsetMic, +} from "react-icons/md"; +import { RiDeleteBin5Line, RiWallet3Line } from "react-icons/ri"; +import { AiOutlineEdit } from "react-icons/ai"; +import { FaRegEye } from "react-icons/fa"; +import { PiReceipt } from "react-icons/pi"; +import { OPACITY_ON_LOAD } from "../../../Layout/animations"; +import { Link } from "react-router-dom"; +import backFund from "../../../assets/backfund.svg"; +import PrimaryButton from "../../../Components/Buttons/PrimaryButton"; +import { FaArrowUpFromBracket } from "react-icons/fa6"; +import SecondaryButton from "../../../Components/Buttons/SecondaryButton"; +import { LuListFilter } from "react-icons/lu"; +import { BsFilterRight } from "react-icons/bs"; +import pdfIcon from "../../../assets/pdfIcon.svg"; +import ExcelIcon from "../../../assets/ExcelIcon.svg"; +import redinfo from "../../../assets/redinfo.png"; +import pooja from "../../../assets/poojaShah.png"; + +const Employees = () => { + const { ApplicationStatus } = useContext(GlobalStateContext); + const [isLoading, setIsLoading] = useState(false); + const [searchTerm, setSearchTerm] = useState(""); + + useEffect(() => { + // Set isLoading to true + setIsLoading(true); + + // Simulate a 3-second delay + const timer = setTimeout(() => { + setIsLoading(false); // Set isLoading to false after 3 seconds + }, 500); + + // Cleanup the timer when the component unmounts or when the useEffect re-runs + return () => clearTimeout(timer); + }, []); // Empty dependency array means this effect runs once after the component mounts + + // ===============================[ Table Header ] + const tableHeadRow = [ + "Emp ID", + "Name", + "Email Address", + "Mobile number", + "Department", + "Load Status", + "Active Status", + ]; + + // const extractedArray = reportsHistory.map((item)=>({ })) + + const extractedArray = ApplicationStatus.map((item, index) => ({ + "Emp ID": ( + // + + {/* */} + {item?.EmpID} + + // + ), + Name: ( + + + + {item?.Name} + + + ), + "Email Address": item?.emailAddress, + "Mobile number": item?.mobileNumber, + Grade: item?.Grade, + Department: item?.Department, + Role: item?.Role, + "Load Status": ( + + {item?.LoadStatus === "10,000" ? ( + {item?.LoadStatus} + ) : item?.LoadStatus === "load Card" ? ( + + + {item?.LoadStatus} + + ) : null} + + // + // {item?.status} + // + ), + "Active Status": ( + + {item?.ActiveStatus === "Active" ? ( + + {item?.ActiveStatus} + + ) : item?.ActiveStatus === "Activate" ? ( + + + + {" "} + {item?.ActiveStatus} + + + ) : null} + + ), + })); + + return ( + + + + + + #45152487 + + + Order ID + + + + Order accepted + + + + + + + + } + rightIcon={} + fontSize={"xs"} + color={"gray.700"} + variant="outline" + size={"sm"} + me={2} + > + Sort + + + Ascending + Descending + Recently Viewed + Recently Added + + + + + + + } + rightIcon={} + fontSize={"xs"} + colorScheme="gray" + color={"gray.700"} + variant="outline" + size={"sm"} + me={2} + > + Export + + + + Export as PDF + + + Export as Excel + + + + + } + rightIcon={} + fontSize={"xs"} + color={"gray.700"} + variant="outline" + size={"sm"} + me={2} + > + Filter + + + Ascending + Descending + Recently Viewed + Recently Added + + + + + + + + + + ); +}; + +export default Employees; diff --git a/src/Routes/Routes.js b/src/Routes/Routes.js index 0eb160d..1133010 100644 --- a/src/Routes/Routes.js +++ b/src/Routes/Routes.js @@ -16,10 +16,9 @@ import ManageDepartmentAndRoles from "../Pages/ManageHumanResource/ManageDepartm import Department from "../Pages/ManageHumanResource/ManageDepartmentAndRoles/Department"; import Roles from "../Pages/ManageHumanResource/ManageDepartmentAndRoles/Roles"; import OptiFiiExpenseDashboard from "../Pages/OptiFiiExpense/OptiFiiExpenseDashboard"; -import GiftCard from "../Pages/OptiFiiGifsAndVouchers/GiftCard"; - +import GiftCard from "../Pages/OptiFiiGifsAndVouchers/GiftCard"; +import ApplicationStatus from "../Pages/OptiFiiGifsAndVouchers/id/ApplicationStatus"; export const RouteLink = [ - { path: "/", Component: Dashbaord }, { path: "/expenses", Component: Expenses }, { path: "/requests", Component: Requests }, @@ -35,8 +34,9 @@ export const RouteLink = [ { path: "/reports", Component: Report }, { path: "/support-ticket", Component: SupportAndTicket }, { path: "/settings", Component: Settings }, - { path: "/department", Component: Department }, - { path: "/roles", Component: Roles }, - { path: "/optiFii-expense-dashboard", Component: OptiFiiExpenseDashboard }, - {path : "/gift-card", Component : GiftCard} + { path: "/department", Component: Department }, + { path: "/roles", Component: Roles }, + { path: "/optiFii-expense-dashboard", Component: OptiFiiExpenseDashboard }, + { path: "/gift-card", Component: GiftCard }, + { path: "/application-status", Component: ApplicationStatus }, ]; diff --git a/src/assets/poojaShah.png b/src/assets/poojaShah.png new file mode 100644 index 0000000..f09c796 Binary files /dev/null and b/src/assets/poojaShah.png differ