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

layout component started

Browse Source
This commit is contained in:
victorAnumudu
2024-12-06 03:53:30 +01:00
parent cab73be4d0
commit 53726ad8eb
10 changed files with 66 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/parts/UserHeader.jsx
+5 -5
View File
@@ -254,7 +254,7 @@ export default function UserHeader(){
{/* </div>*/}
{/*</li>*/}
<li className="nav-item dropdown user-profile">
<a href="javascript:void(0)" className="nav-link dropdown-toggle " id="navbarDropdown4"
<a href="#" className="nav-link dropdown-toggle " id="navbarDropdown4"
role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="assets/img/avtar/02.jpg" alt="avtar-img" />
<span className="bg-success user-status"></span>
@@ -272,16 +272,16 @@ export default function UserHeader(){
</div>
</div>
<div className="p-4">
<a className="dropdown-item d-flex nav-link" href="javascript:void(0)">
<a className="dropdown-item d-flex nav-link" href="#">
<i className="fa fa-user pr-2 text-success"></i> Profile</a>
<a className="dropdown-item d-flex nav-link" href="javascript:void(0)">
<a className="dropdown-item d-flex nav-link" href="#">
<i className="fa fa-envelope pr-2 text-primary"></i> Inbox
<span className="badge badge-primary ml-auto">6</span>
</a>
<a className="dropdown-item d-flex nav-link" href="javascript:void(0)">
<a className="dropdown-item d-flex nav-link" href="#">
<i className=" ti ti-settings pr-2 text-info"></i> Settings
</a>
<a className="dropdown-item d-flex nav-link" href="javascript:void(0)">
<a className="dropdown-item d-flex nav-link" href="#">
<i className="fa fa-compass pr-2 text-warning"></i> Need help?</a>
<div className="row mt-2">
<div className="col">
src/parts/UserMenu.jsx
+18 -15
View File
@@ -1,39 +1,42 @@
import React from 'react'
import { Link, useLocation } from 'react-router-dom'
import siteLinks from '../links/siteLinks'
export default function UserMenu() {
const {pathname} = useLocation()
return (
<>
<div className="sidebar-nav scrollbar scroll_dark">
<ul className="metismenu " id="sidebarNav">
<li className="nav-static-title">Panel</li>
<li className="active">
<a className="has-arrow" href="javascript:void(0)" aria-expanded="false">
<li className={`${pathname == siteLinks.dash ? 'active' : ''}`}>
<Link className="has-arrow" to='#' aria-expanded="false">
<i className="nav-icon ti ti-rocket"></i>
<span className="nav-title">Dashboard</span>
{/*<span className="nav-label label label-danger">9</span>*/}
</a>
{/* <span className="nav-label label label-danger">9</span> */}
</Link>
<ul aria-expanded="false">
<li><a href='/dash'>Home</a></li>
<li className="active"><a href='#'>Calendar</a></li>
<li><a href='#'>Contacts</a></li>
<li><a href='#'>Comments</a></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='#'>Contacts</Link></li>
<li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link to='#'>Comments</Link></li>
</ul>
</li>
<li><a href="/dash" aria-expanded="false"><i className="nav-icon ti ti-comment"></i><span
className="nav-title">Reports</span></a></li>
<li><a className="has-arrow" href="javascript:void(0)" aria-expanded="false"><i
className="nav-icon ti ti-calendar"></i><span className="nav-title">Account</span></a>
<li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link href="/dash" aria-expanded="false"><i className="nav-icon ti ti-comment"></i><span
className="nav-title">Reports</span></Link></li>
<li className={`${pathname == siteLinks.error ? 'active' : ''}`}><Link className="has-arrow" to='#' aria-expanded="false"><i
className="nav-icon ti ti-calendar"></i><span className="nav-title">Account</span></Link>
<ul aria-expanded="false">
<li><a href='/dash'>Users</a></li>
<li><a href='/dash'>Settings</a></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>
</ul>
</li>
<li className="sidebar-banner p-4 bg-gradient text-center m-3 d-block rounded">
<h5 className="text-white mb-1">MERMS Panel</h5>
<a className="btn btn-square btn-inverse-light btn-xs d-inline-block mt-2 mb-0" href="/"> Log Out</a>
<Link className="btn btn-square btn-inverse-light btn-xs d-inline-block mt-2 mb-0" to={siteLinks.login}> Log Out</Link>
</li>
</ul>
</div>