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">
<Link to={siteLinks.dash}><TiHomeOutline /></Link>
{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 />
{item}
</li>
src/component/layout/layoutcom/UserMenu.jsx
+12 -4
View File
@@ -1,6 +1,7 @@
import React from 'react'
import { Link, useLocation } from 'react-router-dom'
import siteLinks from '../../../links/siteLinks'
import { IoIosArrowDown } from 'react-icons/io'
export default function UserMenu() {
const {pathname} = useLocation()
@@ -12,10 +13,13 @@ export default function UserMenu() {
<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">
<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> */}
</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.error ? 'active' : ''}`}><Link to='#'>Calendar</Link></li>
<li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link to='#'>Contacts</Link></li>
@@ -30,9 +34,13 @@ export default function UserMenu() {
</li>
<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">
<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>
<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}>Settings</Link></li>
</ul>