diff --git a/components/main/analogeEingaenge/AnalogeEingaengeTable.tsx b/components/main/analogeEingaenge/AnalogeEingaengeTable.tsx index 09dbe17..449a545 100644 --- a/components/main/analogeEingaenge/AnalogeEingaengeTable.tsx +++ b/components/main/analogeEingaenge/AnalogeEingaengeTable.tsx @@ -16,6 +16,7 @@ export default function AnalogeEingaengeTable({ setIsSettingsModalOpen: (open: boolean) => void; }) { const dispatch = useDispatch(); + const [activeId, setActiveId] = React.useState(null); useEffect(() => { dispatch(fetchAnalogeEingaengeThunk()); @@ -25,6 +26,11 @@ export default function AnalogeEingaengeTable({ (state: RootState) => state.analogeEingaengeSlice ); + const handleSelect = (id: number) => { + setSelectedId(id); + setActiveId(id); + }; + return (
@@ -43,22 +49,27 @@ export default function AnalogeEingaengeTable({ {Object.values(analogeEingaenge) .filter((e) => e?.id !== null && e?.id !== undefined) .map((e, index) => ( - + setSelectedId(e.id!)} + className="border p-3" + onClick={() => handleSelect(e.id!)} > {e.id ?? "-"} setSelectedId(e.id!)} + className="border p-3" + onClick={() => handleSelect(e.id!)} > {e.value ?? "-"} setSelectedId(e.id!)} + className="border p-3" + onClick={() => handleSelect(e.id!)} > {e.name || "----"} @@ -66,7 +77,7 @@ export default function AnalogeEingaengeTable({
-
+

Messkurve Eingang {selectedId ?? "–"}