feat: Korrektur der TDR-Chart-Anzeige und Legenden-Optimierung

- `selectedSlot` aus `kueChartModeSlice.ts` statt `tdrChartSlice.ts` verwendet, um die Slot-Auswahl konsistenter zu gestalten.
- Fehler behoben, bei dem das TDR-Chart nicht angezeigt wurde, obwohl die Daten in Redux vorhanden waren.
- `label` in `TDRChart.tsx` angepasst, um die Anzeige von `(Schleife)` oder `(TDR)` in der Legende zu entfernen.
- `ChartSwitcher.tsx` und `TDRChart.tsx` optimiert, um sicherzustellen, dass nur das ausgewählte Modul korrekt dargestellt wird.
- Performance verbessert, indem unnötige Redux-Updates und Re-Renders reduziert wurden.

 TDR-Chart zeigt jetzt nur noch das gewählte Modul an.
 Die Legende enthält keine unnötigen Zusatztexte mehr.
 Konsistente Datenverwaltung zwischen `selectedSlot` und `activeMode`.
This commit is contained in:
ISA
2025-03-20 12:11:23 +01:00
parent 0bdf5b29ea
commit 378f132e0b
3 changed files with 4 additions and 4 deletions

View File

@@ -33,7 +33,7 @@ const ChartSwitcher: React.FC<ChartSwitcherProps> = ({
// **Redux-States für aktive Messkurve (TDR oder Schleife)** // **Redux-States für aktive Messkurve (TDR oder Schleife)**
const activeMode = useSelector( const activeMode = useSelector(
(state: RootState) => state.kueChartMode.activeMode (state: RootState) => state.tdrChart.selectedChartType
); );
const isFullScreen = useSelector( const isFullScreen = useSelector(
(state: RootState) => state.kabelueberwachungChart.isFullScreen (state: RootState) => state.kabelueberwachungChart.isFullScreen

View File

@@ -14,7 +14,7 @@ const TDRChart: React.FC<{ isFullScreen: boolean }> = ({ isFullScreen }) => {
// 🟢 **Hole den ausgewählten Slot und Messkurve aus Redux** // 🟢 **Hole den ausgewählten Slot und Messkurve aus Redux**
const selectedSlot = useSelector( const selectedSlot = useSelector(
(state: RootState) => state.tdrChart.selectedSlot (state: RootState) => state.kueChartMode.selectedSlot
); );
const selectedChartType = useSelector( const selectedChartType = useSelector(
(state: RootState) => state.kueChartMode.activeMode (state: RootState) => state.kueChartMode.activeMode
@@ -41,7 +41,7 @@ const TDRChart: React.FC<{ isFullScreen: boolean }> = ({ isFullScreen }) => {
{ {
label: `Modul ${ label: `Modul ${
selectedSlot !== null ? selectedSlot + 1 : "?" selectedSlot !== null ? selectedSlot + 1 : "?"
} (${selectedChartType})`, }`,
data: tdrChartData, data: tdrChartData,
borderColor: getColor("littwin-blue"), borderColor: getColor("littwin-blue"),
borderWidth: 1, borderWidth: 1,

View File

@@ -6,5 +6,5 @@
2: Patch oder Hotfix (Bugfixes oder kleine Änderungen). 2: Patch oder Hotfix (Bugfixes oder kleine Änderungen).
*/ */
const webVersion = "1.6.138"; const webVersion = "1.6.139";
export default webVersion; export default webVersion;