MERMS/MermsPanelReactJS
1
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

map list key added

Browse Source
This commit is contained in:
victorAnumudu
2024-12-06 10:29:52 +01:00
parent 387b985946
commit 1839cb4398
2 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/breadcrumb/BreadcrumbComBS.jsx
+1 -1
View File
@@ -18,7 +18,7 @@ export default function BreadcrumbComBS({title='Home', paths=[]}) {
<ol className="breadcrumb gap-1 align-items-center p-0 m-b-0"> <ol className="breadcrumb gap-1 align-items-center p-0 m-b-0">
<Link to={siteLinks.dash}><TiHomeOutline /></Link> <Link to={siteLinks.dash}><TiHomeOutline /></Link>
{paths.map((item, index) => ( {paths.map((item, index) => (
<li className={`d-flex align-items-center gap-1 ${index + 1 == paths.length ? 'active text-primary' : ''}`}> <li key={index} className={`d-flex align-items-center gap-1 ${index + 1 == paths.length ? 'active text-primary' : ''}`}>
<MdKeyboardDoubleArrowRight /> <MdKeyboardDoubleArrowRight />
{item} {item}
</li> </li>
src/component/layout/layoutcom/UserMenu.jsx
+12 -4
View File
@@ -1,6 +1,7 @@
import React from 'react' import React from 'react'
import { Link, useLocation } from 'react-router-dom' import { Link, useLocation } from 'react-router-dom'
import siteLinks from '../../../links/siteLinks' import siteLinks from '../../../links/siteLinks'
import { IoIosArrowDown } from 'react-icons/io'
export default function UserMenu() { export default function UserMenu() {
const {pathname} = useLocation() const {pathname} = useLocation()
@@ -12,10 +13,13 @@ export default function UserMenu() {
<li className={`${pathname == siteLinks.dash ? 'active' : ''}`}> <li className={`${pathname == siteLinks.dash ? 'active' : ''}`}>
<Link className="has-arrow" to='#' data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> <Link className="has-arrow" to='#' data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<i className="nav-icon ti ti-rocket"></i> <i className="nav-icon ti ti-rocket"></i>
<span className="nav-title">Dashboard</span> <div className='d-flex gap-2 justify-content-between align-items-center'>
<span className="nav-title">Dashboard</span>
<IoIosArrowDown />
</div>
{/* <span className="nav-label label label-danger">9</span> */} {/* <span className="nav-label label label-danger">9</span> */}
</Link> </Link>
<ul id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-bs-parent="#sidebarNav"> <ul id="collapseOne" className="collapse show" aria-labelledby="headingOne" data-bs-parent="#sidebarNav">
<li className={`${pathname == siteLinks.dash ? 'active' : ''}`}><Link to={siteLinks.dash}>Home</Link></li> <li className={`${pathname == siteLinks.dash ? 'active' : ''}`}><Link to={siteLinks.dash}>Home</Link></li>
<li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link to='#'>Calendar</Link></li> <li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link to='#'>Calendar</Link></li>
<li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link to='#'>Contacts</Link></li> <li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link to='#'>Contacts</Link></li>
@@ -30,9 +34,13 @@ export default function UserMenu() {
</li> </li>
<li className={`${pathname == siteLinks.error ? 'active' : ''}`}> <li className={`${pathname == siteLinks.error ? 'active' : ''}`}>
<Link className="has-arrow" to='#' data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo"> <Link className="has-arrow" to='#' data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
<i className="nav-icon ti ti-calendar"></i><span className="nav-title">Account</span> <i className="nav-icon ti ti-calendar"></i>
<div className='d-flex gap-2 justify-content-between align-items-center'>
<span className="nav-title">Account</span>
<IoIosArrowDown />
</div>
</Link> </Link>
<ul id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-bs-parent="#sidebarNav"> <ul id="collapseTwo" className="collapse" aria-labelledby="headingTwo" data-bs-parent="#sidebarNav">
<li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link to={siteLinks.dash}>Users</Link></li> <li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link to={siteLinks.dash}>Users</Link></li>
<li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link to={siteLinks.dash}>Settings</Link></li> <li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link to={siteLinks.dash}>Settings</Link></li>
</ul> </ul>