esLint

pages/digitalOutputs.tsx

@@ -1,23 +1,22 @@
-"use client"; // /pages/digitalOutputs.tsx
+"use client";
+
 import React, { useEffect, useState } from "react";
-import { useDispatch, useSelector } from "react-redux";
-import { AppDispatch, RootState } from "@/redux/store";
+import { useDispatch } from "react-redux";
+import { AppDispatch } from "@/redux/store";
 
 import DigitalOutputsModal from "../components/main/einausgaenge/modals/DigitalOutputsModal";
+import DigitalOutputs from "../components/main/einausgaenge/DigitalOutputsWidget";
 
 import { getDigitalInputsThunk } from "@/redux/thunks/getDigitalInputsThunk";
 import { getDigitalOutputsThunk } from "@/redux/thunks/getDigitalOutputsThunk";
 
-import DigitalOutputs from "../components/main/einausgaenge/DigitalOutputsWidget";
+import type { DigitalOutput } from "@/types/digitalOutput";
 
 const EinAusgaenge: React.FC = () => {
   const dispatch = useDispatch<AppDispatch>();
-
-  const digitalOutputs = useSelector(
-    (state: RootState) => state.digitalOutputsSlice.outputs
+  const [selectedOutput, setSelectedOutput] = useState<DigitalOutput | null>(
+    null
   );
-
-  const [selectedOutput, setSelectedOutput] = useState(null);
   const [isOutputModalOpen, setIsOutputModalOpen] = useState(false);
 
   useEffect(() => {
@@ -31,7 +30,7 @@ const EinAusgaenge: React.FC = () => {
     return () => clearInterval(interval);
   }, [dispatch]);
 
-  const openOutputModal = (output: any) => {
+  const openOutputModal = (output: DigitalOutput) => {
     setSelectedOutput(output);
     setIsOutputModalOpen(true);
   };
@@ -45,16 +44,17 @@ const EinAusgaenge: React.FC = () => {
     <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">
       <h1 className="text-base font-semibold mb-2">Schaltausgänge</h1>
 
-      <div className="grid grid-cols-1 xl:grid-cols-3 gap-4 items-start ">
+      <div className="grid grid-cols-1 xl:grid-cols-3 gap-4 items-start">
         <DigitalOutputs openOutputModal={openOutputModal} />
       </div>
 
-      {/* ✅ Modal aktiv einbinden */}
-      <DigitalOutputsModal
-        selectedOutput={selectedOutput}
-        isOpen={isOutputModalOpen}
-        closeOutputModal={closeOutputModal}
-      />
+      {selectedOutput && (
+        <DigitalOutputsModal
+          selectedOutput={selectedOutput}
+          isOpen={isOutputModalOpen}
+          closeOutputModal={closeOutputModal}
+        />
+      )}
     </div>
   );
 };