adjusted aside menu link

This commit is contained in:
victorAnumudu
2024-04-25 10:57:21 +01:00
parent 1ac05cf2e0
commit 29c38f9c1b
22 changed files with 82 additions and 72 deletions
@@ -6,7 +6,7 @@ import {Dropdown1} from '../../../_digifi/partials'
import { ToolbarWrapper } from '../../../_digifi/layout/components/toolbar'
import { Content } from '../../../_digifi/layout/components/content'
const ProfileHeader: FC = () => {
const ProcessHeader: FC = () => {
const location = useLocation()
return (
@@ -147,55 +147,55 @@ const ProfileHeader: FC = () => {
<Link
className={
`nav-link text-active-primary me-6 ` +
(location.pathname === '/crafted/pages/profile/overview' && 'active')
(location.pathname === '/crafted/pages/process/started' && 'active')
}
to='/crafted/pages/profile/overview'
to='/crafted/pages/process/started'
>
Overview
Started
</Link>
</li>
<li className='nav-item'>
<Link
className={
`nav-link text-active-primary me-6 ` +
(location.pathname === '/crafted/pages/profile/projects' && 'active')
(location.pathname === '/crafted/pages/process/pending' && 'active')
}
to='/crafted/pages/profile/projects'
to='/crafted/pages/process/pending'
>
Projects
Pending
</Link>
</li>
<li className='nav-item'>
<Link
className={
`nav-link text-active-primary me-6 ` +
(location.pathname === '/crafted/pages/profile/campaigns' && 'active')
(location.pathname === '/crafted/pages/process/ready' && 'active')
}
to='/crafted/pages/profile/campaigns'
to='/crafted/pages/process/ready'
>
Campaigns
Ready
</Link>
</li>
<li className='nav-item'>
<Link
className={
`nav-link text-active-primary me-6 ` +
(location.pathname === '/crafted/pages/profile/documents' && 'active')
(location.pathname === '/crafted/pages/process/approved' && 'active')
}
to='/crafted/pages/profile/documents'
to='/crafted/pages/process/approved'
>
Documents
Approved
</Link>
</li>
<li className='nav-item'>
<Link
className={
`nav-link text-active-primary me-6 ` +
(location.pathname === '/crafted/pages/profile/connections' && 'active')
(location.pathname === '/crafted/pages/process/rejected' && 'active')
}
to='/crafted/pages/profile/connections'
to='/crafted/pages/process/rejected'
>
Connections
Rejected
</Link>
</li>
</ul>
@@ -207,4 +207,4 @@ const ProfileHeader: FC = () => {
)
}
export {ProfileHeader}
export {ProcessHeader}
@@ -5,12 +5,12 @@ import {Projects} from './components/Projects'
import {Campaigns} from './components/Campaigns'
import {Documents} from './components/Documents'
import {Connections} from './components/Connections'
import {ProfileHeader} from './ProfileHeader'
import {ProcessHeader} from './ProcessHeader'
const profileBreadCrumbs: Array<PageLink> = [
const processBreadCrumbs: Array<PageLink> = [
{
title: 'Profile',
path: '/crafted/pages/profile/overview',
title: 'Loan',
path: '/crafted/pages/process/started',
isSeparator: false,
isActive: false,
},
@@ -22,64 +22,64 @@ const profileBreadCrumbs: Array<PageLink> = [
},
]
const ProfilePage = () => (
const ProcessPage = () => (
<Routes>
<Route
element={
<>
<ProfileHeader />
<ProcessHeader />
<Outlet />
</>
}
>
<Route
path='overview'
path='started'
element={
<>
<PageTitle breadcrumbs={profileBreadCrumbs}>Overview</PageTitle>
<PageTitle breadcrumbs={processBreadCrumbs}>Started</PageTitle>
<Overview />
</>
}
/>
<Route
path='projects'
path='pending'
element={
<>
<PageTitle breadcrumbs={profileBreadCrumbs}>Projects</PageTitle>
<PageTitle breadcrumbs={processBreadCrumbs}>Pending</PageTitle>
<Projects />
</>
}
/>
<Route
path='campaigns'
path='ready'
element={
<>
<PageTitle breadcrumbs={profileBreadCrumbs}>Campaigns</PageTitle>
<PageTitle breadcrumbs={processBreadCrumbs}>Ready</PageTitle>
<Campaigns />
</>
}
/>
<Route
path='documents'
path='approved'
element={
<>
<PageTitle breadcrumbs={profileBreadCrumbs}>Documents</PageTitle>
<PageTitle breadcrumbs={processBreadCrumbs}>Approved</PageTitle>
<Documents />
</>
}
/>
<Route
path='connections'
path='rejected'
element={
<>
<PageTitle breadcrumbs={profileBreadCrumbs}>Connections</PageTitle>
<PageTitle breadcrumbs={processBreadCrumbs}>Rejected</PageTitle>
<Connections />
</>
}
/>
<Route index element={<Navigate to='/crafted/pages/profile/overview' />} />
<Route index element={<Navigate to='/crafted/pages/profile/started' />} />
</Route>
</Routes>
)
export default ProfilePage
export default ProcessPage