Bezeichnung für alle 32 Module für alle 4 Racks sind sichtbar

components/modules/Kue705FO.jsx

@@ -15,6 +15,10 @@ function Kue705FO({
   tdrLocation,
   alarmStatus,
 }) {
+  console.log(
+    `Rendering Kue705FO - SlotIndex: ${slotIndex}, ModulName: ${modulName}`
+  );
+
   const chartRef = useRef(null);
   const [zoomPlugin, setZoomPlugin] = useState(null); // Plugin-Status für Chart.js
   const [kueVersion, setKueVersion] = useState("V4.19");
@@ -376,7 +380,16 @@ function Kue705FO({
     kueAlarm2,
     kueOverflow,
   ]);
-
+  // In Kue705FO.jsx
+  useEffect(() => {
+    console.log("modulName for Kue705FO:", modulName);
+  }, [modulName]);
+  //---------------------------------------------------
+  // Effekt, um Modulnamen zu aktualisieren, wenn sich der Prop ändert
+  useEffect(() => {
+    setCurrentModulName(modulName);
+    console.log(`Modulname aktualisiert für Slot ${slotIndex}:`, modulName);
+  }, [modulName, slotIndex]);
   //---------------------------------------------------
   return (
     <div className="relative bg-gray-300 w-[116px] h-[390px] border border-gray-400 scale-110 top-3">
@@ -397,7 +410,7 @@ function Kue705FO({
                 <span className="text-white text-[20px]">⚙</span>
               </button>
             </div>
-
+            {}
             <KueModal
               showModal={showModal}
               onClose={handleCloseModal}
@@ -455,7 +468,7 @@ function Kue705FO({
             <div className="absolute top-[40px] left-[75px] w-[40px] h-[3px] bg-white z-0"></div>
 
             <div className="absolute bottom-[20px] left-0 right-0 text-black text-[10px] bg-gray-300 p-1 text-center">
-              {currentModulName || "Test1"}
+              {currentModulName || `Modul ${slotIndex + 1}`}
             </div>
 
             <div className="absolute bottom-1 right-1 text-black text-[8px]">