ISO & RSL dropdowns moved to headers like TDR; removed old dropdowns from action bars, cleaned imports, fixed TypeScript issues

components/main/kabelueberwachung/kue705FO/Charts/TDRChart/TDRChartView.tsx

@@ -25,6 +25,9 @@ import {
   setSelectedSlot,
   setActiveMode,
 } from "@/redux/slices/kueChartModeSlice";
+import { Listbox } from "@headlessui/react";
+import { setChartTitle } from "@/redux/slices/kabelueberwachungChartSlice";
+import Report from "../IsoMeasurementChart/Report";
 
 interface TDRChartViewProps {
   isOpen: boolean;
@@ -39,8 +42,8 @@ const TDRChartView: React.FC<TDRChartViewProps> = ({
 }) => {
   const dispatch = useDispatch<AppDispatch>();
 
-  const isFullScreen = useSelector(
-    (state: RootState) => state.kabelueberwachungChartSlice.isFullScreen
+  const { isFullScreen, chartTitle } = useSelector(
+    (state: RootState) => state.kabelueberwachungChartSlice
   );
 
   // **Modal öffnen - TDR spezifische Einstellungen**
@@ -169,8 +172,62 @@ const TDRChartView: React.FC<TDRChartViewProps> = ({
           height: "100%",
         }}
       >
-        <h3 className="text-lg font-semibold">TDR-Messung</h3>
-        <TDRChart isFullScreen={isFullScreen} />
+        <div className="flex justify-between items-center mb-2 pr-24">
+          <h3 className="text-lg font-semibold">
+            {chartTitle === "Messkurve" ? "TDR-Messung" : "Meldungen"}
+          </h3>
+          {/* Dropdown Messkurve / Meldungen */}
+          <Listbox
+            value={chartTitle}
+            onChange={(value: "Messkurve" | "Meldungen") =>
+              dispatch(setChartTitle(value))
+            }
+          >
+            <div className="relative w-40">
+              <Listbox.Button className="w-full border px-3 py-1 rounded text-left bg-white flex justify-between items-center text-sm">
+                <span>{chartTitle}</span>
+                <svg
+                  className="w-5 h-5 text-gray-400"
+                  viewBox="0 0 20 20"
+                  fill="currentColor"
+                >
+                  <path
+                    fillRule="evenodd"
+                    d="M5.23 7.21a.75.75 0 011.06.02L10 10.585l3.71-3.355a.75.75 0 111.02 1.1l-4.25 3.85a.75.75 0 01-1.02 0l-4.25-3.85a.75.75 0 01.02-1.06z"
+                    clipRule="evenodd"
+                  />
+                </svg>
+              </Listbox.Button>
+              <Listbox.Options className="absolute z-50 mt-1 w-full border rounded bg-white shadow max-h-60 overflow-auto text-sm">
+                {(["Messkurve", "Meldungen"] as const).map((option) => (
+                  <Listbox.Option
+                    key={option}
+                    value={option}
+                    className={({ selected, active }) =>
+                      `px-4 py-1 cursor-pointer ${
+                        selected
+                          ? "bg-littwin-blue text-white"
+                          : active
+                          ? "bg-gray-200"
+                          : ""
+                      }`
+                    }
+                  >
+                    {option}
+                  </Listbox.Option>
+                ))}
+              </Listbox.Options>
+            </div>
+          </Listbox>
+        </div>
+        {/* Chart oder Meldungen */}
+        <div style={{ flex: 1, height: "90%" }}>
+          {chartTitle === "Messkurve" ? (
+            <TDRChart isFullScreen={isFullScreen} />
+          ) : (
+            <Report />
+          )}
+        </div>
       </div>
     </ReactModal>
   );