fix: Behebt "window is not defined" Fehler und ermöglicht erfolgreichen Build

- Import von `chartjs-plugin-zoom` in `LoopMeasurementChart.tsx` dynamisch in `useEffect` verschoben.
- Stellt sicher, dass `window` nur im Client-Umfeld genutzt wird.
- Erfolgreicher Next.js Production-Build getestet.
This commit is contained in:
ISA
2025-02-21 13:23:52 +01:00
parent 94b40c9b67
commit 4a94fc9ce6
4 changed files with 56 additions and 17 deletions

View File

@@ -47,7 +47,10 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
const [kueVersion, setKueVersion] = useState("V4.19");
const [currentAlarmStatus, setCurrentAlarmStatus] = useState(false);
const [currentModulName, setCurrentModulName] = useState(modulName);
const [activeButton, setActiveButton] = useState("Schleife");
const [activeButton, setActiveButton] = useState<"Schleife" | "TDR">(
"Schleife"
);
const [loopTitleText, setloopTitleText] = useState(
"Schleifenwiderstand [kOhm]"
);
@@ -379,7 +382,18 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
<div className="flex mt-1 space-x-[0.063rem] ">
<button
onClick={() => handleButtonClick("Schleife")}
onClick={() =>
handleButtonClick(
"Schleife",
setActiveButton,
setloopTitleText,
setLoopDisplayValue,
Number(schleifenwiderstand), // <- Stelle sicher, dass es eine Zahl ist
tdrLocation,
slotIndex,
dispatch
)
}
className={`w-[50%] h-[1.563rem] text-white text-[0.625rem] flex items-center justify-center ${
activeButton === "Schleife"
? "bg-littwin-blue"
@@ -389,7 +403,18 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
Schleife
</button>
<button
onClick={() => handleButtonClick("TDR")}
onClick={() =>
handleButtonClick(
"TDR",
setActiveButton,
setloopTitleText,
setLoopDisplayValue,
Number(schleifenwiderstand), // <- Stelle sicher, dass es eine Zahl ist
tdrLocation,
slotIndex,
dispatch
)
}
className={`w-[50%] h-[1.563rem] text-white text-[0.625rem] flex items-center justify-center ${
Array.isArray(tdrActive) && tdrActive[slotIndex] === 0
? "bg-gray-200 cursor-not-allowed" // Deaktiviert: Hellgrau