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:
@@ -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
|
||||||
|
|||||||
@@ -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,
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user