ÜbergabeParameter für KÜ705-FO

components/modules/Kue705FO.jsx

@@ -2,10 +2,10 @@ import React from "react";
 import { Icon } from "@iconify/react"; // Für Iconify Icons
 
 function Kue705FO({
-  isolationswert,
-  schleifenwiderstand,
-  modulName,
-  kueVersion,
+  isolationswert, // Übergabeparameter für den Isolationswert
+  schleifenwiderstand, // Übergabeparameter für den Schleifenwiderstand
+  modulName, // Übergabeparameter für den Modulnamen
+  kueVersion = "V4.19", // Optionaler Parameter für die Version (Standardwert)
 }) {
   return (
     <div className="relative bg-gray-300 w-[116px] h-[390px] border border-gray-400 scale-110 top-3">
@@ -45,7 +45,8 @@ function Kue705FO({
         {/* Isolationswert-Anzeige */}
         <div className="relative mt-[50px] mx-auto bg-black text-white w-[80px] h-[40px] flex items-center justify-center text-[18px] z-10">
           <div className="text-center">
-            <span>{">200"}</span>
+            <span>{isolationswert || ">200"}</span>{" "}
+            {/* Dynamischer Isolationswert */}
             <div className="text-[8px]">ISO MOhm</div>
           </div>
         </div>
@@ -56,12 +57,12 @@ function Kue705FO({
 
         {/* Modulname-Anzeige */}
         <div className="absolute bottom-[20px] left-[10px] text-black text-[10px] bg-gray-300 p-1 w-[100px] text-center">
-          Test1
+          {modulName || "Test1"} {/* Dynamischer Modulname */}
         </div>
 
         {/* Version */}
         <div className="absolute bottom-1 right-1 text-black text-[8px]">
-          V4.19
+          {kueVersion} {/* Dynamische Version */}
         </div>
       </div>
 
@@ -82,15 +83,15 @@ function Kue705FO({
 
           {/* Wertanzeige */}
           <div className="absolute bottom-[5px] left-1/2 transform -translate-x-1/2">
-            {/* Schleifenwiderstand */}
-            <div className=" top-[220px] left-[10px] text-black text-[10px]">
-              <p>{schleifenwiderstand} kOhm</p>
+            {/* Dynamischer Schleifenwiderstand */}
+            <div className="top-[220px] left-[10px] text-black text-[10px]">
+              <p>{schleifenwiderstand || "0"} kOhm</p>
             </div>
           </div>
         </div>
 
         {/* Schleife und TDR Buttons nebeneinander */}
-        <div className="flex mt-2  space-x-1">
+        <div className="flex mt-2 space-x-1">
           <button
             onClick={() => console.log("Schleife clicked")}
             className="w-[50%] h-[25px] bg-littwin-blue text-white text-[10px] flex items-center justify-center"