feat: Redux-Integration für Meldungen, Anzeige von 'v' statt 's' in UI

.env.development

@@ -6,6 +6,6 @@ NEXT_PUBLIC_USE_MOCK_BACKEND_LOOP_START=false
 NEXT_PUBLIC_EXPORT_STATIC=false
 NEXT_PUBLIC_USE_CGI=false
 # App-Versionsnummer
-NEXT_PUBLIC_APP_VERSION=1.6.502
+NEXT_PUBLIC_APP_VERSION=1.6.503
 NEXT_PUBLIC_CPL_MODE=json   # json (Entwicklungsumgebung) oder jsSimulatedProd (CPL ->CGI-Interface-Simulator) oder production (CPL-> CGI-Interface Platzhalter)
 

.env.production

@@ -5,5 +5,5 @@ NEXT_PUBLIC_CPL_API_PATH=/CPL
 NEXT_PUBLIC_EXPORT_STATIC=true
 NEXT_PUBLIC_USE_CGI=true
 # App-Versionsnummer
-NEXT_PUBLIC_APP_VERSION=1.6.502
+NEXT_PUBLIC_APP_VERSION=1.6.503
 NEXT_PUBLIC_CPL_MODE=production

CHANGELOG.md

@@ -1,3 +1,8 @@
+## [1.6.503] – 2025-06-30
+
+- feat: Redux-Integration für Meldungen, Anzeige von 'v' statt 's' in UI
+
+---
 ## [1.6.502] – 2025-06-30
 
 - feat: implement date in analog inputs chart

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.502",
+  "version": "1.6.503",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "cpl-v4",
-      "version": "1.6.502",
+      "version": "1.6.503",
       "dependencies": {
         "@fontsource/roboto": "^5.1.0",
         "@iconify-icons/ri": "^1.2.10",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.502",
+  "version": "1.6.503",
   "private": true,
   "scripts": {
     "dev": "next dev",

pages/meldungen.tsx

@@ -4,6 +4,7 @@ import React, { useState, useEffect } from "react";
 import DateRangePickerMeldungen from "@/components/main/reports/DateRangePickerMeldungen";
 import { useSelector, useDispatch } from "react-redux";
 import { getMessagesThunk } from "@/redux/thunks/getMessagesThunk";
+import type { AppDispatch } from "@/redux/store";
 
 type Meldung = {
   t: string;
@@ -11,14 +12,17 @@ type Meldung = {
   c: string;
   m: string;
   i: string;
-  v: string; // NEU: für Anzeige
+  v: string;
 };
-
 export default function Messages() {
-  const dispatch = useDispatch();
-  const { data: messages, loading } = useSelector(
-    (state: any) => state.messages
-  );
+  const dispatch = useDispatch<AppDispatch>();
+  type RootState = {
+    messages: {
+      data: Meldung[];
+    };
+    // add other slices if needed
+  };
+  const { data: messages } = useSelector((state: RootState) => state.messages);
 
   const [sourceFilter, setSourceFilter] = useState<string>("Alle");
 
@@ -69,8 +73,8 @@ export default function Messages() {
         >
           <option value="Alle">Alle Quellen</option>
           {allSources.map((src) => (
-            <option key={src} value={src}>
-              {src}
+            <option key={String(src)} value={String(src)}>
+              {String(src)}
             </option>
           ))}
         </select>