web: fix VAC calculation when lost grid because of vact too high

hoang-rio · Jan 24, 2025 · acefbb9 · acefbb9
1 parent 658e597
commit acefbb9
Show file tree

Hide file tree

Showing 12 changed files with 24 additions and 18 deletions.
diff --git a/web_viewer/fe_src/src/components/Grid.tsx b/web_viewer/fe_src/src/components/Grid.tsx
@@ -1,7 +1,18 @@
+import { useMemo } from "react";
 import { ICProps } from "../Intefaces";
 import GeneralValue from "./GeneralValue";
 
 export default function Grid({ inverterData, isSocketConnected }: ICProps) {
+  const vac = useMemo(() => {
+    if (isSocketConnected) {
+      const vac = (inverterData.vacr || inverterData.vacs || inverterData.vact) / 10;
+      if (vac > 300) {
+        return 0;
+      }
+      return vac;
+    }
+    return 0;
+  }, [inverterData.vacr, inverterData.vacs, inverterData.vact, isSocketConnected]);
   return (
     <div className="grid flex-1 row align-center justify-flex-end">
       <div className="row arrows">
@@ -57,12 +68,7 @@ export default function Grid({ inverterData, isSocketConnected }: ICProps) {
           unit=" W"
         />
         <GeneralValue
-          value={
-            isSocketConnected
-              ? (inverterData.vacr || inverterData.vacs || inverterData.vact) /
-                10
-              : 0
-          }
+          value={vac}
           unit=" Vac"
         />
         <GeneralValue

diff --git a/...wer/public/assets/EnergyChart-CxtXD3BK.js → ...wer/public/assets/EnergyChart-X9KmwpFs.js b/...wer/public/assets/EnergyChart-CxtXD3BK.js → ...wer/public/assets/EnergyChart-X9KmwpFs.js
diff --git a/...er/public/assets/GeneralValue-BRYP49BF.js → ...er/public/assets/GeneralValue-vpA5Q73v.js b/...er/public/assets/GeneralValue-BRYP49BF.js → ...er/public/assets/GeneralValue-vpA5Q73v.js
@@ -1 +1 @@
-import{j as e}from"./index-DM8DYVFa.js";function l({value:r,unit:s,className:n}){return e.jsxs("div",{className:`${n||""} general-value`,children:[e.jsx("strong",{children:r}),s]})}export{l as G};
+import{j as e}from"./index-DtDjYLyN.js";function l({value:r,unit:s,className:n}){return e.jsxs("div",{className:`${n||""} general-value`,children:[e.jsx("strong",{children:r}),s]})}export{l as G};
diff --git a/...wer/public/assets/HourlyChart-DHstOL6n.js → ...wer/public/assets/HourlyChart-CdnbHkNW.js b/...wer/public/assets/HourlyChart-DHstOL6n.js → ...wer/public/assets/HourlyChart-CdnbHkNW.js
diff --git a/...er/public/assets/MonthlyChart-DS2r5DA7.js → ...er/public/assets/MonthlyChart-foCyTLL5.js b/...er/public/assets/MonthlyChart-DS2r5DA7.js → ...er/public/assets/MonthlyChart-foCyTLL5.js
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		import{j as e}from"./index-DM8DYVFa.js";function l({value:r,unit:s,className:n}){return e.jsxs("div",{className:`${n\|\|""} general-value`,children:[e.jsx("strong",{children:r}),s]})}export{l as G};
		import{j as e}from"./index-DtDjYLyN.js";function l({value:r,unit:s,className:n}){return e.jsxs("div",{className:`${n\|\|""} general-value`,children:[e.jsx("strong",{children:r}),s]})}export{l as G};