From 6840ed2c268ef269f3a046b4e7a46d05ee93e5fc Mon Sep 17 00:00:00 2001
From: sam <cjsam6@yahoo.com>
Date: Tue, 25 Feb 2025 15:18:31 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A7=20INV-DC=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/(defaults)/chint/inverters/[id]/page.tsx | 64 ++++++++------------
 1 file changed, 24 insertions(+), 40 deletions(-)

diff --git a/app/(defaults)/chint/inverters/[id]/page.tsx b/app/(defaults)/chint/inverters/[id]/page.tsx
index 3340cb0..9b0622e 100644
--- a/app/(defaults)/chint/inverters/[id]/page.tsx
+++ b/app/(defaults)/chint/inverters/[id]/page.tsx
@@ -114,40 +114,13 @@ const InverterViewPage = (props: Props) => {
                                         <p><span className="font-semibold">Inverter Mode: </span>{inverter.lastRTP["Inverter Mode"].value}</p>
                                         <p><span className="font-semibold">Inner Temperature: </span>{inverter.lastRTP["Inner Temperature"].value} °C</p>
                                         <p><span className="font-semibold">Create Time: </span>{inverter.createdAtStr}</p>
-                                        <p><span className="font-semibold">Modules: </span>{inverter.moduleFw.map((item: {module:string, value:string}) => `${item.module}: ${item.value}`.trim()) // Map to "module: value" format
-  .join(", ")}</p>
+                                        <p><span className="font-semibold">Modules: </span>{inverter.moduleFw.map((item: {module:string, value:string}) => `${item.module}: ${item.value}`.trim()).join(", ")}</p>
                                     </div>
 
                                 </div>
 
 
                             </Tab.Panel>
-                            <Tab.Panel>
-                                <div>
-                                    <div className="flex items-start pt-5">
-                                        <div className="h-20 w-20 flex-none ltr:mr-4 rtl:ml-4">
-                                            <img src="/assets/images/profile-34.jpeg" alt="img" className="m-0 h-20 w-20 rounded-full object-cover ring-2 ring-[#ebedf2] dark:ring-white-dark" />
-                                        </div>
-                                        <div className="flex-auto">
-                                            <h5 className="mb-4 text-xl font-medium">Media heading</h5>
-                                            <p className="text-white-dark">
-                                                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra
-                                                turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
-                                            </p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </Tab.Panel>
-                            <Tab.Panel>
-                                <div className="pt-5">
-                                    <p>
-                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
-                                        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
-                                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                                    </p>
-                                </div>
-                            </Tab.Panel>
-                            <Tab.Panel>Disabled</Tab.Panel>
                         </Tab.Panels>
                     </Tab.Group>
                 )}
@@ -201,19 +174,30 @@ const InverterViewPage = (props: Props) => {
                                         </tr>
                                     </thead>
                                     <tbody>
-                                        {[
-                                            { pv: "PV1/PV1", voltage: 362.1, current: 7.5, power: 2717.5 },
-                                            { pv: "PV2/PV2", voltage: 347.0, current: 9.16, power: 3181.9 },
-                                            { pv: "PV3/PV3", voltage: 0.0, current: 0.0, power: 0.0 },
-                                            { pv: "PV4/PV4", voltage: 0.0, current: 0.0, power: 0.0 },
-                                        ].map((row, index) => (
-                                        <tr key={index} className="border-b text-gray-600">
-                                            <td className="p-2">{row.pv}</td>
-                                            <td className="p-2">{row.voltage}</td>
-                                            <td className="p-2">{row.current}</td>
-                                            <td className="p-2">{row.power}</td>
+                                        <tr className="border-b text-gray-600">
+                                            <td className="p-2">PV1/PV1</td>
+                                            <td className="p-2">{inverter.lastRTP["PV1 Voltage"] && inverter.lastRTP["PV1 Voltage"].value}</td>
+                                            <td className="p-2">{inverter.lastRTP["PV1 Current"] && inverter.lastRTP["PV1 Current"].value}</td>
+                                            <td className="p-2">{inverter.lastRTP["MPPT1 Power"] && inverter.lastRTP["MPPT1 Power"].value}</td>
+                                        </tr>
+                                        <tr className="border-b text-gray-600">
+                                            <td className="p-2">PV2/PV2</td>
+                                            <td className="p-2">{inverter.lastRTP["PV2 Voltage"] && inverter.lastRTP["PV2 Voltage"].value}</td>
+                                            <td className="p-2">{inverter.lastRTP["PV2 Current"] && inverter.lastRTP["PV2 Current"].value}</td>
+                                            <td className="p-2">{inverter.lastRTP["MPPT2 Power"] && inverter.lastRTP["MPPT2 Power"].value}</td>
+                                        </tr>
+                                        <tr className="border-b text-gray-600">
+                                            <td className="p-2">PV3/PV3</td>
+                                            <td className="p-2">{inverter.lastRTP["PV3 Voltage"] && inverter.lastRTP["PV3 Voltage"].value}</td>
+                                            <td className="p-2">{inverter.lastRTP["PV3 Current"] && inverter.lastRTP["PV3 Current"].value}</td>
+                                            <td className="p-2">{inverter.lastRTP["MPPT3 Power"] && inverter.lastRTP["MPPT3 Power"].value}</td>
+                                        </tr>
+                                        <tr className="border-b text-gray-600">
+                                            <td className="p-2">PV3/PV3</td>
+                                            <td className="p-2">{inverter.lastRTP["PV4 Voltage"] && inverter.lastRTP["PV4 Voltage"].value}</td>
+                                            <td className="p-2">{inverter.lastRTP["PV4 Current"] && inverter.lastRTP["PV4 Current"].value}</td>
+                                            <td className="p-2">{inverter.lastRTP["MPPT4 Power"] && inverter.lastRTP["MPPT4 Power"].value}</td>
                                         </tr>
-                                        ))}
                                     </tbody>
                                 </table>
                             </div>