Messkurve Modal in Messwerteingänge

components/main/analogInputs/AnalogInputsView.tsx

@@ -2,7 +2,7 @@
 // components/main/analogInputs/AnalogInputsView.tsx
 import React, { useState, useEffect } from "react";
 import AnalogInputsTable from "@/components/main/analogInputs/AnalogInputsTable";
-import AnalogInputsChart from "@/components/main/analogInputs/AnalogInputsChart";
+import AnalogInputsChartModal from "@/components/main/analogInputs/AnalogInputsChartModal";
 import AnalogInputsSettingsModal from "@/components/main/analogInputs/AnalogInputsSettingsModal";
 import { getAnalogInputsThunk } from "@/redux/thunks/getAnalogInputsThunk";
 import { useAppDispatch } from "@/redux/store";
@@ -15,9 +15,7 @@ function AnalogInputsView() {
   const selectedInput = useSelector(
     (state: RootState) => state.selectedAnalogInput
   );
-  const selectedId = useSelector(
-    (state: RootState) => state.analogInputsHistory.selectedId
-  );
+  // selectedId is now displayed within the modal header
 
   const dispatch = useAppDispatch();
 
@@ -33,29 +31,24 @@ function AnalogInputsView() {
 
   return (
     <div
-      className={`flex flex-col gap-3 p-4 h-[calc(100vh-13vh-8vh)] ${
+      className={`flex flex-col justify-start gap-3 p-4 h-[calc(100vh-13vh-8vh)] ${
         loading ? "cursor-wait" : ""
       }`}
     >
       <div className="container mx-auto">
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-          <div className="bg-white rounded-lg p-4">
+        <div className="grid grid-cols-1 gap-4 justify-items-start">
+          <div className="bg-white rounded-lg p-4 max-w-3xl">
             <h2 className="text-xl font-semibold mb-4 text-gray-700">
               Messwerteingänge
             </h2>
             <AnalogInputsTable loading={loading} />
           </div>
-
-          <div className="bg-white shadow-lg rounded-lg p-4 border border-gray-200">
-            <h2 className="text-xl font-semibold mb-4 text-gray-700">
-              Messkurve Messwerteingang {selectedId ?? "–"}
-            </h2>
-            <AnalogInputsChart setLoading={setLoading} loading={loading} />
-          </div>
         </div>
       </div>
 
       {selectedInput !== null && <AnalogInputsSettingsModal />}
+      {/* Chart Modal */}
+      <AnalogInputsChartModal loading={loading} setLoading={setLoading} />
     </div>
   );
 }