FrontOps/UserDashboard
5
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

🚧 sungrow sidebar

Browse Source
This commit is contained in:
sam 2025-02-25 17:42:33 +08:00
parent f047a9ec1c
commit 2c1938e62a
1 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
components/layouts/sidebar.tsx
View File

@ -100,12 +100,30 @@ const Sidebar = () => {
</li> </li>
<li className="menu nav-item"> <li className="menu nav-item">
<Link href="#" className="nav-link group"> <button type="button" className={`${currentMenu === 'sungrow' ? 'active' : ''} nav-link group w-full`} onClick={() => toggleMenu('sungrow')}>
<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">Sungrow</span>
</div> </div>
</Link>
<div className={currentMenu !== 'component' ? '-rotate-90 rtl:rotate-90' : ''}>
<IconCaretDown />
</div>
</button>
<AnimateHeight duration={300} height={currentMenu === 'sungrow' ? 'auto' : 0}>
<ul className="sub-menu text-gray-500">
<li>
<Link href="/sungrow/plant">Plant</Link>
</li>
<li>
<Link href="/sungrow/device">Device</Link>
</li>
<li>
<Link href="/sungrow/maintenance">Maintenance</Link>
</li>
</ul>
</AnimateHeight>
</li> </li>
<li className="menu nav-item"> <li className="menu nav-item">