feat: Auth-Status bei App-Start aus localStorage laden und in Redux speichern

- fetchAuthService erstellt zum Auslesen von isAdminLoggedIn aus localStorage
- getAuthThunks Thunk implementiert zur Initialisierung von authSlice
- authSlice erweitert um setIsAdminLoggedIn Reducer
- dispatch(getAuthThunks()) in _app.tsx integriert für automatische Initialisierung bei App-Start
- Flackern und falscher Admin-Status nach Reload dauerhaft behoben

.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.520
+NEXT_PUBLIC_APP_VERSION=1.6.521
 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.520
+NEXT_PUBLIC_APP_VERSION=1.6.521
 NEXT_PUBLIC_CPL_MODE=production

CHANGELOG.md

@@ -1,3 +1,13 @@
+## [1.6.521] – 2025-07-02
+
+- refactor: Admin-Status direkt aus Redux ausgelesen und Props entfernt
+
+- isAdminLoggedIn wird jetzt direkt aus authSlice im Redux-Store gelesen
+- useAdminAuth und Prop-Weitergabe entfernt
+- Flackern des Firmware-Buttons dauerhaft behoben
+- Codestruktur vereinfacht und stabilisiert
+
+---
 ## [1.6.520] – 2025-07-02
 
 - refactor: Admin-Status direkt aus Redux ausgelesen und Props entfernt

package-lock.json

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

package.json

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

pages/_app.tsx

@@ -23,6 +23,7 @@ import { getReferenceCurveBySlotThunk } from "@/redux/thunks/getReferenceCurveBy
 import { getAllTDRReferenceChartThunk } from "@/redux/thunks/getAllTDRReferenceChartThunk";
 import { getTDRChartDataByIdThunk } from "@/redux/thunks/getTDRChartDataByIdThunk";
 import { getLoopChartDataThunk } from "@/redux/thunks/getLoopChartDataThunk";
+import { getAuthThunks } from "@/redux/thunks/getAuthThunks";
 import Modal from "react-modal";
 if (typeof window !== "undefined") {
   Modal.setAppElement("#__next"); // oder "#root", je nach App-Struktur
@@ -54,6 +55,7 @@ function AppContent({
     const pathname = window.location.pathname;
 
     const loadAndDispatch = () => {
+      dispatch(getAuthThunks());
       if (pathname.includes("kabelueberwachung")) {
         dispatch(getKueDataThunk());
       } else if (pathname.includes("digitalOutputs")) {

redux/thunks/getAuthThunks.ts

@@ -0,0 +1,12 @@
+// redux/thunks/getAuthThunks.ts
+import { createAsyncThunk } from "@reduxjs/toolkit";
+import { fetchAuthService } from "@/services/fetchAuthService";
+import { setAdminLoggedIn } from "@/redux/slices/authSlice";
+
+export const getAuthThunks = createAsyncThunk(
+  "auth/getAuthThunks",
+  async (_, { dispatch }) => {
+    const { isAdminLoggedIn } = fetchAuthService();
+    dispatch(setAdminLoggedIn(isAdminLoggedIn)); // boolean, nicht string!
+  }
+);

services/fetchAuthService.ts

@@ -0,0 +1,6 @@
+// services/fetchAuthService.ts
+export const fetchAuthService = () => {
+  const isAdminLoggedInRaw = localStorage.getItem("isAdminLoggedIn");
+  const isAdminLoggedIn = isAdminLoggedInRaw === "true"; // <– explizit Boolean
+  return { isAdminLoggedIn };
+};