From 9dd4e7755ce18bde5dea75ac67cecb1e6714bb14 Mon Sep 17 00:00:00 2001 From: YasinShaikh123 <123150391+YasinShaikh123@users.noreply.github.com> Date: Thu, 5 Sep 2024 20:21:47 +0530 Subject: [PATCH] =?UTF-8?q?start=20Table=F0=9F=98=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 9 +- package-lock.json | 4 +- package.json | 2 +- src/App.css | 37 +- src/Components/CutomBreadcrumb.jsx | 6 +- src/Components/DataTable/NormalTable.jsx | 71 +- src/Components/EmptySearchList.jsx | 4 +- src/Components/HeaderMain.jsx | 210 +- src/Components/MiniHeader.jsx | 49 + src/Constants/Constants.js | 2 +- src/Contexts/GlobalStateProvider.jsx | 1997 ++--------------- src/Layout/DefaultLayout.jsx | 519 ++--- src/Pages/{ => Dashboard}/Dashbaord.jsx | 0 src/Pages/Expenses/Expenses.jsx | 16 + src/Pages/HelpAndSupport/HelpAndSupport.jsx | 16 + src/Pages/Login.jsx | 33 +- src/Pages/ManageHumanResource/Approvers.jsx | 17 + src/Pages/ManageHumanResource/Employees.jsx | 252 +++ .../ManageDepartmentAndRoles.jsx | 17 + src/Pages/NotFound.jsx | 9 +- .../OptiFiiExpense/AdvanceExpenseRequest.jsx | 17 + .../OptiFiiExpense/ReimbursementRequest.jsx | 17 + src/Pages/OptiFiiExpense/WalletProgram.jsx | 17 + .../OptiFiiGifsAndVouchers.jsx | 17 + .../OptiFiiTaxBenefit/OptiFiiTaxBenefit.jsx | 17 + src/Pages/Report/Report.jsx | 186 ++ src/Pages/Requests/Requests.jsx | 17 + src/Pages/Settings/Settings.jsx | 17 + src/Pages/SplashScreen.jsx | 3 +- .../SupportAndTicket/SupportAndTicket.jsx | 17 + src/Routes/Nav.js | 460 ++-- src/Routes/Routes.js | 31 +- src/Theme/Theme.js | 47 +- src/assets/Ellipse-37.png | Bin 30639 -> 0 bytes src/assets/Ellipse-38.png | Bin 15389 -> 0 bytes src/assets/Ellipse-39.png | Bin 5503 -> 0 bytes src/assets/Ellipse.png | Bin 337824 -> 0 bytes src/assets/EmptySearchList.png | Bin 118181 -> 0 bytes src/assets/ExpensesIcon.png | Bin 0 -> 301 bytes src/assets/GiftsIcon.png | Bin 0 -> 309 bytes src/assets/IOheader.png | Bin 51086 -> 0 bytes src/assets/accademicbanner.png | Bin 12644 -> 0 bytes src/assets/bahrain_flag.png | Bin 1091 -> 0 bytes src/assets/commingsoon.png | Bin 90250 -> 0 bytes src/assets/complogo.svg | 23 + src/assets/fav_optifii_logo.png | Bin 0 -> 3745 bytes src/assets/favicone.png | Bin 1445 -> 0 bytes src/assets/helpIcon.png | Bin 0 -> 404 bytes src/assets/homeIcon.png | Bin 0 -> 351 bytes src/assets/kuwait_flag.png | Bin 854 -> 0 bytes src/assets/linkedin.png | Bin 1276 -> 0 bytes src/assets/logo-min copy.png | Bin 0 -> 990 bytes src/assets/logo2 copy.png | Bin 0 -> 3009 bytes src/assets/oman_flag.png | Bin 959 -> 0 bytes src/assets/optifii_logo.png | Bin 0 -> 4242 bytes src/assets/optifii_logo.svg | 60 + .../photo-1472313420546-a46e561861d8.avif | Bin 198964 -> 0 bytes src/assets/pro1.jpg | Bin 545323 -> 0 bytes src/assets/proavatar copy.webp | Bin 0 -> 54144 bytes src/assets/qatar_flag.png | Bin 1341 -> 0 bytes src/assets/saudi_arabia_flag.png | Bin 1578 -> 0 bytes src/assets/uae_flag.png | Bin 678 -> 0 bytes src/assets/welcome2.avif | Bin 760718 -> 0 bytes 63 files changed, 1681 insertions(+), 2535 deletions(-) create mode 100644 src/Components/MiniHeader.jsx rename src/Pages/{ => Dashboard}/Dashbaord.jsx (100%) create mode 100644 src/Pages/Expenses/Expenses.jsx create mode 100644 src/Pages/HelpAndSupport/HelpAndSupport.jsx create mode 100644 src/Pages/ManageHumanResource/Approvers.jsx create mode 100644 src/Pages/ManageHumanResource/Employees.jsx create mode 100644 src/Pages/ManageHumanResource/ManageDepartmentAndRoles.jsx create mode 100644 src/Pages/OptiFiiExpense/AdvanceExpenseRequest.jsx create mode 100644 src/Pages/OptiFiiExpense/ReimbursementRequest.jsx create mode 100644 src/Pages/OptiFiiExpense/WalletProgram.jsx create mode 100644 src/Pages/OptiFiiGifsAndVouchers/OptiFiiGifsAndVouchers.jsx create mode 100644 src/Pages/OptiFiiTaxBenefit/OptiFiiTaxBenefit.jsx create mode 100644 src/Pages/Report/Report.jsx create mode 100644 src/Pages/Requests/Requests.jsx create mode 100644 src/Pages/Settings/Settings.jsx create mode 100644 src/Pages/SupportAndTicket/SupportAndTicket.jsx delete mode 100644 src/assets/Ellipse-37.png delete mode 100644 src/assets/Ellipse-38.png delete mode 100644 src/assets/Ellipse-39.png delete mode 100644 src/assets/Ellipse.png delete mode 100644 src/assets/EmptySearchList.png create mode 100644 src/assets/ExpensesIcon.png create mode 100644 src/assets/GiftsIcon.png delete mode 100644 src/assets/IOheader.png delete mode 100644 src/assets/accademicbanner.png delete mode 100644 src/assets/bahrain_flag.png delete mode 100644 src/assets/commingsoon.png create mode 100644 src/assets/complogo.svg create mode 100644 src/assets/fav_optifii_logo.png delete mode 100644 src/assets/favicone.png create mode 100644 src/assets/helpIcon.png create mode 100644 src/assets/homeIcon.png delete mode 100644 src/assets/kuwait_flag.png delete mode 100644 src/assets/linkedin.png create mode 100644 src/assets/logo-min copy.png create mode 100644 src/assets/logo2 copy.png delete mode 100644 src/assets/oman_flag.png create mode 100644 src/assets/optifii_logo.png create mode 100644 src/assets/optifii_logo.svg delete mode 100644 src/assets/photo-1472313420546-a46e561861d8.avif delete mode 100644 src/assets/pro1.jpg create mode 100644 src/assets/proavatar copy.webp delete mode 100644 src/assets/qatar_flag.png delete mode 100644 src/assets/saudi_arabia_flag.png delete mode 100644 src/assets/uae_flag.png delete mode 100644 src/assets/welcome2.avif diff --git a/index.html b/index.html index 023eb3e..1c93d30 100644 --- a/index.html +++ b/index.html @@ -2,9 +2,9 @@ - + - Webzilla + Optifii
@@ -34,6 +34,11 @@ const craftedMsg = "Crafted with ❤️ by WDI Team for a better web."; + diff --git a/package-lock.json b/package-lock.json index 8da2698..f85cd87 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,11 +1,11 @@ { - "name": "tanami-admin-dashboard", + "name": "optifii-employee", "version": "0.0.0", "lockfileVersion": 3, "requires": true, "packages": { "": { - "name": "tanami-admin-dashboard", + "name": "optifii-employee", "version": "0.0.0", "dependencies": { "@chakra-ui/icons": "^2.1.1", diff --git a/package.json b/package.json index 1cab514..fc21f64 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "tanami-admin-dashboard", + "name": "optifii-employee", "private": true, "version": "0.0.0", "type": "module", diff --git a/src/App.css b/src/App.css index 5ace92e..2ea00d6 100644 --- a/src/App.css +++ b/src/App.css @@ -3,15 +3,18 @@ @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); * { box-sizing: border-box; margin: 0; - padding: 0; + padding: 0; /* font-family: "League Spartan", sans-serif !important; */ - font-family: "Poppins", sans-serif !important; - + /* font-family: "Poppins", sans-serif !important; */ /* font-family: "Lato", sans-serif !important; */ + + + font-family: "Montserrat", sans-serif !important; } .pointer { @@ -24,6 +27,7 @@ background: linear-gradient( to right, #7a45fb, + /* #764aaf67, */ #de41b5 ); /* Gradient background */ -webkit-background-clip: text; /* Clip text to the background area */ @@ -32,11 +36,26 @@ } .active { - background-color: #E5195E; + /* background-color: #210A33; */ color: #fff; - /* background-color: #ced8e6a2; */ + /* background-color: black; */ + font-weight: 600 !important; +} +a.active{ + border-left: 2px solid #fff; + background: linear-gradient(90deg, rgba(55, 37, 234, 0.6) 0%, rgba(94, 15, 205, 0.6) 100%); +} +/* .chakra-accordion__item.css-1t7rcca:has(.active) { + background: linear-gradient(90deg, rgba(55, 37, 234, 0.6) 0%, rgba(94, 15, 205, 0.6) 100%); + border-left: 2px solid #fff; +} */ +.chakra-accordion__item .link:hover{ + background:transparent !important; +} +.chakra-accordion__item .active{ + background:transparent !important; + border: none; } - .link { text-decoration: none; transition: all 0.2s ease-in-out; @@ -44,13 +63,13 @@ } .link:hover { - background-color: #ced8e6a2; + background-color: #947ea56e !important; /* color: #fff; */ /* background-color: #e2e8f01c !important; */ } .active:hover { - background-color: #E5195E; + background-color: #947ea56e !important; /* color: #fff; */ /* background-color: #ced8e6a2 !important; */ } @@ -107,7 +126,7 @@ } .primary-btn { - background-color: #E5195E !important; + background-color: #210A33 !important; } .team-slider .swiper-button-next:after { diff --git a/src/Components/CutomBreadcrumb.jsx b/src/Components/CutomBreadcrumb.jsx index 52934b8..1fa7c9c 100644 --- a/src/Components/CutomBreadcrumb.jsx +++ b/src/Components/CutomBreadcrumb.jsx @@ -74,14 +74,14 @@ const CustomBreadcrumb = () => { size={"xs"} as={"span"} > - Master - {" "} + Dashboard + {breadcrumbs.map((item, index) => ( {/* */} - - + /