-
-
-
-
Username
-
username@gmail.com
+ } else if (active && hasSubLinks) {
+ let subLinkList = subItem.subLinks.filter(value => value.to).map(item => { // specific open
+ if (item.to) {
+ return item.to
+ }
+ })
+ return (
+
+ <>
+ {subItem.subLinks.map((item, index) => {
+ let active = item.status == 1 ? true : false
+ if (active) {
+ return (
+
+ )
+ }
+ })}
+
+
+ )
+ } else {
+ return null
+ }
+ })}
+
+
+ )
+ }
+ })}
+
+
+
+
+
+
+
+
Username
+
username@gmail.com
-
- setLogoutModal(true)}
- >
-
-
+
+
+
+
+
+
+
Username
+
username@gmail.com
+
+
+
+ setLogoutModal(true)}
+ >
+
+
+
-
- )
+ )
}
const asideNavLinks = [
- {name:'Dashboard', status:1, icon: 'dashboard', to: RouteLinks.homePage},
- {name:'First Advance', title:'Loan', status:1, icon: 'arrow-right', subLinks: [
- {name: 'Transactions', status:1, icon: 'dot', to: RouteLinks.transactionsPage},
- {name: 'Loans', status:1, icon: 'dot', to: RouteLinks.loansPage},
- {name: 'Repayments', status:1, icon: 'dot', to: RouteLinks.repaymentsPage},
- {name: 'Loan Charges', status:1, icon: 'dot', to: RouteLinks.loanChargesPage},
- {name: 'Configurations', status:1, icon: 'arrow-right', subLinks: [
- {name: 'Loan Offers', status:1, icon: 'dot', to: RouteLinks.offers },
- ]
- },
+ {name: 'Dashboard', status: 1, icon: 'dashboard', to: RouteLinks.homePage},
+ {
+ name: 'First Advance', title: 'Loan', status: 1, icon: 'arrow-right', subLinks: [
+ {name: 'Transactions', status: 1, icon: 'dot', to: RouteLinks.transactionsPage},
+ {name: 'Loans', status: 1, icon: 'dot', to: RouteLinks.loansPage},
+ {name: 'Repayments', status: 1, icon: 'dot', to: RouteLinks.repaymentsPage},
+ {name: 'Loan Charges', status: 1, icon: 'dot', to: RouteLinks.loanChargesPage},
+ {name: 'Eligibility', status: 1, icon: 'dot', to: RouteLinks.eligibility},
+ {
+ name: 'Configurations', status: 1, icon: 'arrow-right', subLinks: [
+ {name: 'Loan Offers', status: 1, icon: 'dot', to: RouteLinks.offers},
+ ]
+ },
],
},
// {name:'Product 2', title:'Product 2', status:1, icon: 'product', subLinks: [
diff --git a/src/context/GeneralLayoutContext.jsx b/src/context/GeneralLayoutContext.jsx
index 31d05b8..5fdfb31 100644
--- a/src/context/GeneralLayoutContext.jsx
+++ b/src/context/GeneralLayoutContext.jsx
@@ -1,4 +1,4 @@
-import { createContext, useContext, useEffect, useState } from 'react'
+import {createContext, useContext, useEffect, useState} from 'react'
const GeneralContextProvider = createContext({})
@@ -10,7 +10,7 @@ export default function GeneralLayoutContext({children}) {
const [booking, setBooking] = useState('')
- const [alertBox, setAlertBox] = useState({status:false, msg:''}) // USE TO SHOW SUcCESS OR FAILED ALERT MESSAGE
+ const [alertBox, setAlertBox] = useState({status: false, msg: ''}) // USE TO SHOW SUcCESS OR FAILED ALERT MESSAGE
const [logoutModal, setLogoutModal] = useState(false) // USE TO SHOW LOGOUT MODAL BOX
@@ -21,93 +21,93 @@ export default function GeneralLayoutContext({children}) {
const [showAsideDrawer, setShowAsideDrawer] = useState('')
const handleActiveMenu = (name) => {
- if(activeMenu == name){
+ if (activeMenu == name) {
setActiveMenu('')
- }else{
+ } else {
setActiveMenu(name)
}
}
const handleDrawer = (drawerToOpen) => { // FUNCTION TO DETERMINE WHICH ASIDE DRAWER TO SHOW
- setDrawer((prev)=>{
- if(!prev){
- return drawerToOpen
- }else if(drawerToOpen == prev){
- return ''
- }else{
- return drawerToOpen
- }
- })
+ setDrawer((prev) => {
+ if (!prev) {
+ return drawerToOpen
+ } else if (drawerToOpen == prev) {
+ return ''
+ } else {
+ return drawerToOpen
+ }
+ })
}
const handleBooking = (bookingToOpen) => { // FUNCTION TO DETERMINE WHICH ASIDE DRAWER TO SHOW
- setBooking((prev)=>{
- if(!prev){
- return bookingToOpen
- }else if(bookingToOpen == prev){
- return ''
- }else{
- return bookingToOpen
- }
- })
+ setBooking((prev) => {
+ if (!prev) {
+ return bookingToOpen
+ } else if (bookingToOpen == prev) {
+ return ''
+ } else {
+ return bookingToOpen
+ }
+ })
}
const handleAlertBox = (valObj) => {
- setAlertBox(valObj)
+ setAlertBox(valObj)
}
const handleTheme = () => {
- setTheme(theme === "dark" ? "light" : "dark");
- }
+ setTheme(theme === "dark" ? "light" : "dark");
+ }
useEffect(() => {
if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
- setTheme("dark");
+ setTheme("dark");
} else {
- setTheme("light");
+ setTheme("light");
}
- }, []);
-
- useEffect(() => {
- if (theme === "dark") {
- document.documentElement.classList.add("dark");
- } else {
- document.documentElement.classList.remove("dark");
- }
- }, [theme]);
+ }, []);
- useEffect(()=>{
- window.addEventListener('resize', ()=>{
- setShrinkAside(false)
- setShowAsideDrawer('')
- setActiveMenu('')
- })
- return () => window.removeEventListener('resize', window.addEventListener('resize', ()=>{
- setShrinkAside(false)
- setShowAsideDrawer('')
- setActiveMenu('')
- }))
- },[])
+ useEffect(() => {
+ if (theme === "dark") {
+ document.documentElement.classList.add("dark");
+ } else {
+ document.documentElement.classList.remove("dark");
+ }
+ }, [theme]);
+
+ useEffect(() => {
+ window.addEventListener('resize', () => {
+ setShrinkAside(false)
+ setShowAsideDrawer('')
+ setActiveMenu('')
+ })
+ return () => window.removeEventListener('resize', window.addEventListener('resize', () => {
+ setShrinkAside(false)
+ setShowAsideDrawer('')
+ setActiveMenu('')
+ }))
+ }, [])
let value = {
- theme, handleTheme,
- activeMenu, handleActiveMenu,
- drawer, handleDrawer,
- booking, handleBooking,
- alertBox, handleAlertBox,
+ theme, handleTheme,
+ activeMenu, handleActiveMenu,
+ drawer, handleDrawer,
+ booking, handleBooking,
+ alertBox, handleAlertBox,
logoutModal, setLogoutModal,
shrinkAside, setShrinkAside,
showAsideDrawer, setShowAsideDrawer
- }
-
- return (
-
- {children}
-
- )
+ }
+
+ return (
+
+ {children}
+
+ )
}
export const generalLayoutContext = () => {
- return useContext(GeneralContextProvider)
+ return useContext(GeneralContextProvider)
}
diff --git a/src/pages/EligibilityPage.jsx b/src/pages/EligibilityPage.jsx
new file mode 100644
index 0000000..e4f44af
--- /dev/null
+++ b/src/pages/EligibilityPage.jsx
@@ -0,0 +1,9 @@
+import React from 'react'
+import EligibilityCom from '../components/eligibility/EligibilityCom';
+
+
+export default function EligibilityPage() {
+ return (
+
+ )
+}
}){kind=logo}
- }/){kind=logo}
+