fix: sofortige visuelle Aktivierung der Navigationsbuttons beim Klick

- activeLink direkt beim Klick auf Link setzen, statt auf usePathname zu warten
- verbessert visuelles Feedback bei Navigation
- behebt kurze Verzögerung beim Wechsel der aktiven Navigation

.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.559
+NEXT_PUBLIC_APP_VERSION=1.6.560
 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.559
+NEXT_PUBLIC_APP_VERSION=1.6.560
 NEXT_PUBLIC_CPL_MODE=production

CHANGELOG.md

@@ -1,3 +1,8 @@
+## [1.6.560] – 2025-07-08
+
+- feat: Verwende fetch statt window.location.href für Digitalausgang-Schalteraktionen
+
+---
 ## [1.6.559] – 2025-07-08
 
 - circle Button

components/navigation/Navigation.tsx

@@ -45,16 +45,17 @@ const Navigation: React.FC<NavigationProps> = ({ className }) => {
                 {item.name}
               </div>
             ) : (
-              <Link href={formatPath(item.path)}>
+              <Link
-                <div
+                href={formatPath(item.path)}
-                  className={`block px-4 py-2 mb-4 font-bold whitespace-nowrap transition duration-300 text-[1rem] sm:text-[1rem] md:text-[1rem] lg:text-[1rem] xl:text-sm 2xl:text-lg ${
+                prefetch={false}
-                    activeLink.startsWith(item.path)
+                onClick={() => setActiveLink(item.path)} // Sofortige visuelle Rückmeldung
-                      ? "bg-sky-500 text-white rounded-r-full xl:mr-4 xl:w-full"
+                className={`block px-4 py-2 mb-4 font-bold whitespace-nowrap transition duration-300 text-[1rem] sm:text-[1rem] md:text-[1rem] lg:text-[1rem] xl:text-sm 2xl:text-lg ${
-                      : "text-black hover:bg-gray-200 rounded-r-full"
+                  activeLink.startsWith(item.path)
-                  }`}
+                    ? "bg-sky-500 text-white rounded-r-full xl:mr-4 xl:w-full"
-                >
+                    : "text-black hover:bg-gray-200 rounded-r-full"
-                  {item.name}
+                }`}
-                </div>
+              >
+                {item.name}
               </Link>
             )}
           </div>

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.559",
+  "version": "1.6.560",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "cpl-v4",
-      "version": "1.6.559",
+      "version": "1.6.560",
       "dependencies": {
         "@fontsource/roboto": "^5.1.0",
         "@headlessui/react": "^2.2.4",

package.json

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