fix: handleModuleClick für Baugrüppenträger in dashboard.tsx

This commit is contained in:
Ismail Ali
2025-02-13 21:53:30 +01:00
parent db8dcfe0d7
commit f3456172c4
3 changed files with 35 additions and 56 deletions

View File

@@ -1,12 +1,11 @@
"use client";
import React, { useEffect, useMemo } from "react";
import React, { useEffect } from "react";
import { useRouter } from "next/navigation";
import "tailwindcss/tailwind.css";
import "@fontsource/roboto";
import "bootstrap-icons/font/bootstrap-icons.css";
import { Icon } from "@iconify/react";
import { useSelector, useDispatch } from "react-redux";
import { RootState } from "../redux/store";
import { useDispatch } from "react-redux";
import {
setOpcUaZustand,
setOpcUaActiveClientCount,
@@ -34,30 +33,6 @@ const Dashboard: React.FC = () => {
}
}, [dispatch]);
// Redux-Variablen abrufen & Werte sicherstellen
const {
kueOnline: kueOnlineRaw,
kueVersion,
kueCableBreak,
kueAlarm1,
kueAlarm2,
kueGroundFault,
} = useSelector((state: RootState) => state.variables);
// `kueOnline` sicherstellen, dass es nur Zahlen enthält
const kueOnline = useMemo(
() =>
kueOnlineRaw.map((value) =>
typeof value === "string" ? parseFloat(value) || 0 : value
),
[kueOnlineRaw]
);
// Modul-Klick-Handler
const handleModuleClick = (rackNumber: number) => {
router.push(`/kabelueberwachung?rack=${rackNumber}`);
};
return (
<div className="flex flex-col gap-3 p-4 h-[calc(100vh-13vh-8vh)] laptop:h-[calc(100vh-10vh-5vh)] xl:h-[calc(100vh-10vh-6vh)] laptop:gap-0">
{/* Header */}
@@ -82,15 +57,8 @@ const Dashboard: React.FC = () => {
<VersionInfo />
</div>
<Baugruppentraeger
kueOnline={kueOnline}
kueVersion={kueVersion}
kueCableBreak={kueCableBreak}
kueAlarm1={kueAlarm1}
kueAlarm2={kueAlarm2}
kueGroundFault={kueGroundFault}
handleModuleClick={handleModuleClick}
/>
{/* Jetzt holt sich Baugruppentraeger die Werte selbst aus Redux */}
<Baugruppentraeger />
</div>
</div>