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
@@ -17,26 +17,26 @@ const Footer = () => {
target='_blank'
className='text-gray-800 text-hover-primary'
>
Keenthemes
digiFi
</a>
</div>
<ul className='menu menu-gray-600 menu-hover-primary fw-semibold order-1'>
<li className='menu-item'>
<a href='https://keenthemes.com/' target='_blank' className='menu-link px-2'>
<a href='' target='_blank' className='menu-link px-2'>
About
</a>
</li>
<li className='menu-item'>
<a href='https://devs.keenthemes.com/' target='_blank' className='menu-link px-2'>
<a href='' target='_blank' className='menu-link px-2'>
Support
</a>
</li>
<li className='menu-item'>
<a
href='https://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469'
href=''
target='_blank'
className='menu-link px-2'
>
@@ -44,7 +44,7 @@ export function HeaderWrapper() {
<Link to='/dashboard' className='d-lg-none'>
<img
alt='Logo'
src={toAbsoluteUrl('media/logos/default-small.svg')}
src={toAbsoluteUrl('media/logos/custom-1.png')}
className='h-30px'
/>
</Link>
@@ -8,12 +8,13 @@ export function MenuInner() {
return (
<>
<MenuItem title={intl.formatMessage({id: 'MENU.DASHBOARD'})} to='/dashboard' />
<MenuItem title='Layout Builder' to='/builder' />
{/* <MenuItem title='Layout Builder' to='/builder' /> */}
<MenuInnerWithSub
title='Crafted'
to='/crafted'
menuPlacement='bottom-start'
menuTrigger='click'
show={false}
>
{/* PAGES */}
<MenuInnerWithSub
@@ -99,7 +100,7 @@ export function MenuInner() {
</MenuInnerWithSub>
</MenuInnerWithSub>
<MenuInnerWithSub title='Apps' to='/apps' menuPlacement='bottom-start' menuTrigger='click'>
<MenuInnerWithSub title='Apps' to='/apps' menuPlacement='bottom-start' menuTrigger='click' show={false}>
{/* PAGES */}
<MenuInnerWithSub
title='Chat'
@@ -122,6 +123,7 @@ export function MenuInner() {
to='/mega-menu'
menuPlacement='bottom-start'
menuTrigger='click'
show={false}
>
<MegaMenu />
</MenuInnerWithSub>
@@ -13,6 +13,7 @@ type Props = {
hasArrow?: boolean
hasBullet?: boolean
isMega?: boolean
show?:boolean
}
const MenuInnerWithSub: FC<Props & WithChildren> = ({
@@ -26,6 +27,7 @@ const MenuInnerWithSub: FC<Props & WithChildren> = ({
hasArrow = false,
hasBullet = false,
isMega = false,
show = true
}) => {
const menuItemRef = useRef<HTMLDivElement>(null)
const {pathname} = useLocation()
@@ -38,7 +40,7 @@ const MenuInnerWithSub: FC<Props & WithChildren> = ({
}, [menuTrigger, menuPlacement])
return (
<div ref={menuItemRef} className='menu-item menu-lg-down-accordion me-lg-1'>
<div ref={menuItemRef} className={`${!show && 'd-none'} menu-item menu-lg-down-accordion me-lg-1`}>
<span
className={clsx('menu-link py-3', {
active: checkIsActive(pathname, to),
@@ -53,19 +53,19 @@ const SidebarLogo = (props: PropsType) => {
{config.layoutType === 'dark-sidebar' ? (
<img
alt='Logo'
src={toAbsoluteUrl('media/logos/default-dark.svg')}
src={toAbsoluteUrl('media/logos/sidelogo_new.png')} //for dark mode
className='h-25px app-sidebar-logo-default'
/>
) : (
<>
<img
alt='Logo'
src={toAbsoluteUrl('media/logos/sidelogo.png')}
src={toAbsoluteUrl('media/logos/sidelogo_new.png')}
className='h-25px app-sidebar-logo-default theme-light-show'
/>
<img
alt='Logo'
src={toAbsoluteUrl('media/logos/default-dark.svg')}
src={toAbsoluteUrl('media/logos/sidelogo_new.png')} //for dark mode
className='h-25px app-sidebar-logo-default theme-dark-show'
/>
</>
@@ -73,7 +73,7 @@ const SidebarLogo = (props: PropsType) => {
<img
alt='Logo'
src={toAbsoluteUrl('media/logos/default-small.svg')}
src={toAbsoluteUrl('media/logos/custom-1.png')} // for when the sidebar reduces
className='h-20px app-sidebar-logo-minimize'
/>
</Link>
@@ -22,40 +22,41 @@ const SidebarMenuMain = () => {
</div>
<SidebarMenuItemWithSub
to='/crafted/pages'
title='Pages'
title='Process'
fontIcon='bi-archive'
icon='element-plus'
>
<SidebarMenuItemWithSub to='/crafted/pages/profile' title='Profile' hasBullet={true}>
<SidebarMenuItem to='/crafted/pages/profile/overview' title='Overview' hasBullet={true} />
<SidebarMenuItem to='/crafted/pages/profile/projects' title='Projects' hasBullet={true} />
<SidebarMenuItemWithSub to='/crafted/pages/process' title='Loan' hasBullet={true}>
<SidebarMenuItem to='/crafted/pages/process/started' title='Started' hasBullet={true} />
<SidebarMenuItem to='/crafted/pages/process/pending' title='Pending' hasBullet={true} />
<SidebarMenuItem
to='/crafted/pages/profile/campaigns'
title='Campaigns'
to='/crafted/pages/process/ready'
title='Ready'
hasBullet={true}
/>
<SidebarMenuItem
to='/crafted/pages/profile/documents'
title='Documents'
to='/crafted/pages/process/approved'
title='Approved'
hasBullet={true}
/>
<SidebarMenuItem
to='/crafted/pages/profile/connections'
title='Connections'
to='/crafted/pages/process/rejected'
title='Rejected'
hasBullet={true}
/>
</SidebarMenuItemWithSub>
<SidebarMenuItemWithSub to='/crafted/pages/wizards' title='Wizards' hasBullet={true}>
{/* <SidebarMenuItemWithSub to='/crafted/pages/wizards' title='Wizards' hasBullet={true}>
<SidebarMenuItem
to='/crafted/pages/wizards/horizontal'
title='Horizontal'
hasBullet={true}
/>
<SidebarMenuItem to='/crafted/pages/wizards/vertical' title='Vertical' hasBullet={true} />
</SidebarMenuItemWithSub>
</SidebarMenuItemWithSub> */}
</SidebarMenuItemWithSub>
<SidebarMenuItemWithSub
{/* <SidebarMenuItemWithSub
to='/crafted/accounts'
title='Accounts'
icon='profile-circle'
@@ -63,12 +64,14 @@ const SidebarMenuMain = () => {
>
<SidebarMenuItem to='/crafted/account/overview' title='Overview' hasBullet={true} />
<SidebarMenuItem to='/crafted/account/settings' title='Settings' hasBullet={true} />
</SidebarMenuItemWithSub>
<SidebarMenuItemWithSub to='/error' title='Errors' fontIcon='bi-sticky' icon='cross-circle'>
</SidebarMenuItemWithSub> */}
{/* <SidebarMenuItemWithSub to='/error' title='Errors' fontIcon='bi-sticky' icon='cross-circle'>
<SidebarMenuItem to='/error/404' title='Error 404' hasBullet={true} />
<SidebarMenuItem to='/error/500' title='Error 500' hasBullet={true} />
</SidebarMenuItemWithSub>
<SidebarMenuItemWithSub
</SidebarMenuItemWithSub> */}
{/* <SidebarMenuItemWithSub
to='/crafted/widgets'
title='Widgets'
icon='element-7'
@@ -80,13 +83,15 @@ const SidebarMenuMain = () => {
<SidebarMenuItem to='/crafted/widgets/mixed' title='Mixed' hasBullet={true} />
<SidebarMenuItem to='/crafted/widgets/tables' title='Tables' hasBullet={true} />
<SidebarMenuItem to='/crafted/widgets/feeds' title='Feeds' hasBullet={true} />
</SidebarMenuItemWithSub>
</SidebarMenuItemWithSub> */}
<div className='menu-item'>
<div className='menu-content pt-8 pb-2'>
<span className='menu-section text-muted text-uppercase fs-8 ls-1'>Apps</span>
</div>
</div>
<SidebarMenuItemWithSub
{/* <SidebarMenuItemWithSub
to='/apps/chat'
title='Chat'
fontIcon='bi-chat-left'
@@ -95,7 +100,8 @@ const SidebarMenuMain = () => {
<SidebarMenuItem to='/apps/chat/private-chat' title='Private Chat' hasBullet={true} />
<SidebarMenuItem to='/apps/chat/group-chat' title='Group Chart' hasBullet={true} />
<SidebarMenuItem to='/apps/chat/drawer-chat' title='Drawer Chart' hasBullet={true} />
</SidebarMenuItemWithSub>
</SidebarMenuItemWithSub> */}
<SidebarMenuItem
to='/apps/user-management/users'
icon='abstract-28'
+2 -2
View File
@@ -1,8 +1,8 @@
import {FC} from 'react'
import {Link} from 'react-router-dom'
import {IconUserModel} from '../../../../app/modules/profile/ProfileModels'
import {UsersList} from '../../../../app/modules/profile/components/UsersList'
import {IconUserModel} from '../../../../app/modules/process/ProfileModels'
import {UsersList} from '../../../../app/modules/process/components/UsersList'
import {toAbsoluteUrl} from '../../../helpers'
type Props = {