✏️ fix sidebar navigation
This commit is contained in:
parent
2c74e05dd7
commit
93191ac4a0
@ -38,7 +38,7 @@ const SungrowInverters = (props: Props) => {
|
|||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
{loading ? <p>Loading...</p> : (
|
{loading ? <p>Loading...</p> : (
|
||||||
<PanelCodeHighlight title="Chint Sites">
|
<PanelCodeHighlight title="Chint Inverters">
|
||||||
<div className="table-responsive mb-5">
|
<div className="table-responsive mb-5">
|
||||||
<table>
|
<table>
|
||||||
<thead>
|
<thead>
|
@ -103,7 +103,7 @@ const Sidebar = () => {
|
|||||||
<Link href="#" className="nav-link group">
|
<Link href="#" className="nav-link group">
|
||||||
<div className="flex items-center">
|
<div className="flex items-center">
|
||||||
<IconMenuComponents className="shrink-0 group-hover:!text-primary" />
|
<IconMenuComponents className="shrink-0 group-hover:!text-primary" />
|
||||||
<span className="text-black ltr:pl-3 rtl:pr-3 dark:text-[#506690] dark:group-hover:text-white-dark">Chint</span>
|
<span className="text-black ltr:pl-3 rtl:pr-3 dark:text-[#506690] dark:group-hover:text-white-dark">Sungrow</span>
|
||||||
</div>
|
</div>
|
||||||
</Link>
|
</Link>
|
||||||
</li>
|
</li>
|
||||||
@ -118,10 +118,10 @@ const Sidebar = () => {
|
|||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li className="menu nav-item">
|
<li className="menu nav-item">
|
||||||
<button type="button" className={`${currentMenu === 'sungrow' ? 'active' : ''} nav-link group w-full`} onClick={() => toggleMenu('sungrow')}>
|
<button type="button" className={`${currentMenu === 'chint' ? 'active' : ''} nav-link group w-full`} onClick={() => toggleMenu('chint')}>
|
||||||
<div className="flex items-center">
|
<div className="flex items-center">
|
||||||
<IconMenuComponents className="shrink-0 group-hover:!text-primary" />
|
<IconMenuComponents className="shrink-0 group-hover:!text-primary" />
|
||||||
<span className="text-black ltr:pl-3 rtl:pr-3 dark:text-[#506690] dark:group-hover:text-white-dark">Sungrow</span>
|
<span className="text-black ltr:pl-3 rtl:pr-3 dark:text-[#506690] dark:group-hover:text-white-dark">Chint</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className={currentMenu !== 'component' ? '-rotate-90 rtl:rotate-90' : ''}>
|
<div className={currentMenu !== 'component' ? '-rotate-90 rtl:rotate-90' : ''}>
|
||||||
@ -129,13 +129,13 @@ const Sidebar = () => {
|
|||||||
</div>
|
</div>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<AnimateHeight duration={300} height={currentMenu === 'sungrow' ? 'auto' : 0}>
|
<AnimateHeight duration={300} height={currentMenu === 'chint' ? 'auto' : 0}>
|
||||||
<ul className="sub-menu text-gray-500">
|
<ul className="sub-menu text-gray-500">
|
||||||
<li>
|
<li>
|
||||||
<Link href="/sungrow/sites">Sites</Link>
|
<Link href="/chint/sites">Sites</Link>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<Link href="/sungrow/inverters">Inverters</Link>
|
<Link href="/chint/inverters">Inverters</Link>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</AnimateHeight>
|
</AnimateHeight>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user