From 2c1938e62aedcc681fcaab4c233d6395b0f6bb6c Mon Sep 17 00:00:00 2001
From: sam <cjsam6@yahoo.com>
Date: Tue, 25 Feb 2025 17:42:33 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A7=20sungrow=20sidebar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/layouts/sidebar.tsx | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/components/layouts/sidebar.tsx b/components/layouts/sidebar.tsx
index 810d02a..e68ec80 100644
--- a/components/layouts/sidebar.tsx
+++ b/components/layouts/sidebar.tsx
@@ -100,12 +100,30 @@ const Sidebar = () => {
                             </li>
 
                             <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">
                                         <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>
                                     </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 className="menu nav-item">