From e801111351c21cd181189aab36e4cc9a7faf56a5 Mon Sep 17 00:00:00 2001
From: sam <cjsam6@yahoo.com>
Date: Fri, 21 Feb 2025 01:19:10 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20inverters?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/(defaults)/sungrow/inverters/page.tsx     | 97 +++++++++++++++++++
 app/(defaults)/sungrow/sites/page.tsx         | 16 +--
 components/layouts/sidebar.tsx                |  3 +
 .../tables/components-tables-simple.tsx       | 11 +--
 4 files changed, 111 insertions(+), 16 deletions(-)
 create mode 100644 app/(defaults)/sungrow/inverters/page.tsx

diff --git a/app/(defaults)/sungrow/inverters/page.tsx b/app/(defaults)/sungrow/inverters/page.tsx
new file mode 100644
index 0000000..ee929f2
--- /dev/null
+++ b/app/(defaults)/sungrow/inverters/page.tsx
@@ -0,0 +1,97 @@
+"use client";
+import IconTrashLines from '@/components/icon/icon-trash-lines';
+import PanelCodeHighlight from '@/components/panel-code-highlight';
+import ComponentsTablesSimple from '@/components/tables/components-tables-simple';
+import { formatUnixTimestamp } from '@/utils/helpers';
+import Tippy from '@tippyjs/react';
+import axios from 'axios';
+import React, { useEffect, useState } from 'react'
+
+type Props = {}
+
+const SungrowInverters = (props: Props) => {
+    const [inverters, setInverters] = useState<any[]>([]);
+    const [loading, setLoading] = useState(true);
+
+    useEffect(() => {
+        const fetchData = async () => {
+            try {
+                const res = await axios.get("https://api-a.fomware.com.cn/asset/v1/list?type=2", {
+                    headers: {
+                        "Authorization": "Bearer " + process.env.NEXT_PUBLIC_CHINT_TOKEN
+                    }
+                })
+                console.log("res", res.data.data.devices)
+                setInverters(res.data.data.devices)
+            } catch (error) {
+                console.error("Error fetching data:", error);
+            } finally {
+                setLoading(false);
+            }
+        };
+
+        fetchData()
+    }, [])
+
+    // inverter status 0: initial, 1: standby, 2: fault, 3: running, 5: offline, 9: shutdown, 10: unknown
+
+    return (
+        <div>
+            {loading ? <p>Loading...</p> : (
+            <PanelCodeHighlight title="Chint Sites">
+                <div className="table-responsive mb-5">
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>Model</th>
+                                <th>Site Name</th>
+                                <th>Status</th>
+                                <th>Created At</th>
+                                <th>Updated At</th>
+                                <th className="text-center">Action</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            {inverters.map((data) => (
+                                <tr key={data.id}>
+                                    <td>
+                                        <div className="whitespace-nowrap">{data.model}</div>
+                                    </td>
+                                    <td>
+                                        <div className="whitespace-nowrap">{data.siteName}</div>
+                                    </td>
+                                    <td>
+                                        <div className={`whitespace-nowrap ${
+                                            data.status === 0 ? "text-gray-500"    // Initial
+                                            : data.status === 1 ? "text-green-500"  // Standby
+                                            : data.status === 2 ? "text-red-500"  // Fault
+                                            : data.status === 3 ? "text-blue-500" // Running
+                                            : data.status === 5 ? "text-yellow-500" // Offline
+                                            : data.status === 9 ? "text-purple-500" // Shutdown
+                                            : "text-gray-400" // Unknown (default)
+                                        }`}>
+                                            {data.statusLabel}
+                                        </div>
+                                    </td>
+
+                                    <td>{formatUnixTimestamp(data.createdAt)}</td>
+                                    <td>{formatUnixTimestamp(data.updatedAt)}</td>
+                                    <td className="text-center">
+                                        <Tippy content="Delete">
+                                            <button type="button">
+                                                <IconTrashLines className="m-auto" />
+                                            </button>
+                                        </Tippy>
+                                    </td>
+                                </tr>
+                            ))}
+                        </tbody>
+                    </table>
+                </div>
+            </PanelCodeHighlight>
+            )}
+        </div>
+    )
+}
+
+export default SungrowInverters
diff --git a/app/(defaults)/sungrow/sites/page.tsx b/app/(defaults)/sungrow/sites/page.tsx
index 09b5b08..c8c9cf7 100644
--- a/app/(defaults)/sungrow/sites/page.tsx
+++ b/app/(defaults)/sungrow/sites/page.tsx
@@ -6,19 +6,19 @@ import axios from "axios";
 import React, { useEffect, useState } from "react";
 
 const SungrowAssets =  () => {
-    const [devices, setDevices] = useState<any[]>([]);
+    const [sites, setSites] = useState<any[]>([]);
     const [loading, setLoading] = useState(true);
 
     useEffect(() => {
         const fetchData = async () => {
             try {
-                const res = await axios.get("https://api-a.fomware.com.cn/asset/v1/list", {
+                const res = await axios.get("https://api-a.fomware.com.cn/site/v1/list", {
                     headers: {
-                        "Authorization": "Bearer lIywwAMdrOdsRxuWvRoekdxrPtmIPkxA"
+                        "Authorization": "Bearer " + process.env.NEXT_PUBLIC_CHINT_TOKEN
                     }
                 })
-                console.log("res", res.data.data.devices)
-                setDevices(res.data.data.devices);
+                console.log("res", res.data.data.siteInfos)
+                setSites(res.data.data.siteInfos)
             } catch (error) {
                 console.error("Error fetching data:", error);
             } finally {
@@ -26,12 +26,12 @@ const SungrowAssets =  () => {
             }
         };
 
-        fetchData();
-    }, []);
+        fetchData()
+    }, [])
 
     return (
         <div>
-            {loading ? <p>Loading...</p> : <ComponentsTablesSimple tableData={devices} />}
+            {loading ? <p>Loading...</p> : <ComponentsTablesSimple tableData={sites} />}
         </div>
     )
 }
diff --git a/components/layouts/sidebar.tsx b/components/layouts/sidebar.tsx
index 76fc531..2d11fe3 100644
--- a/components/layouts/sidebar.tsx
+++ b/components/layouts/sidebar.tsx
@@ -134,6 +134,9 @@ const Sidebar = () => {
                                         <li>
                                             <Link href="/sungrow/sites">Sites</Link>
                                         </li>
+                                        <li>
+                                            <Link href="/sungrow/inverters">Inverters</Link>
+                                        </li>
                                     </ul>
                                 </AnimateHeight>
                             </li>
diff --git a/components/tables/components-tables-simple.tsx b/components/tables/components-tables-simple.tsx
index 44b3610..46c7853 100644
--- a/components/tables/components-tables-simple.tsx
+++ b/components/tables/components-tables-simple.tsx
@@ -27,22 +27,17 @@ const ComponentsTablesSimple = ({ tableData = [] }: { tableData: any[] }) => {
                         {tableData.map((data) => (
                             <tr key={data.id}>
                                 <td>
-                                    <div className="whitespace-nowrap">{data.siteName}</div>
+                                    <div className="whitespace-nowrap">{data.name}</div>
                                 </td>
-                                <td>{data.inverter.length}</td>
+                                <td>{data.deviceQty.inverterQty}</td>
                                 <td>
-                                    <div className={`whitespace-nowrap ${ data.status === 1 ? "text-danger" : "text-success" }`} >
+                                    <div className={`whitespace-nowrap ${ data.status !== 1 ? "text-danger" : "text-success" }`} >
                                         {data.statusLabel}
                                     </div>
                                 </td>
                                 <td>{formatUnixTimestamp(data.createdAt)}</td>
                                 <td>{formatUnixTimestamp(data.updatedAt)}</td>
                                 <td className="text-center">
-                                    <Tippy content="View">
-                                        <button type="button" className='mr-2'>
-                                            <IconEye className="m-auto" />
-                                        </button>
-                                    </Tippy>
                                     <Tippy content="Delete">
                                         <button type="button">
                                             <IconTrashLines className="m-auto" />