auth layout fix

2024-12-06 09:08:54 +01:00
parent 53726ad8eb
commit 4b63384092
17 changed files with 225 additions and 200 deletions
@@ -0,0 +1,45 @@
+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={`${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> */}
+                        </Link>
+                        <ul aria-expanded="false">
+                            <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 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 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>
+                        <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>
+        </>
+    )
+}