fix: handleModuleClick für Baugrüppenträger in dashboard.tsx
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user