From df738c9c47c6ae2f823c260ac682356d14ceeed4 Mon Sep 17 00:00:00 2001
From: ISA <ismail.ali@littwin-systemtechnik.de>
Date: Tue, 5 Nov 2024 19:07:39 +0100
Subject: [PATCH] Navigation als Single Page Application

---
 components/Navigation.jsx | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/components/Navigation.jsx b/components/Navigation.jsx
index 4255153..dcb11e4 100644
--- a/components/Navigation.jsx
+++ b/components/Navigation.jsx
@@ -13,8 +13,7 @@ function Navigation() {
     }
   }, [pathname]);
 
-  // Dynamische Anpassung der Pfade mit oder ohne .html
-  const isProduction = process.env.NEXT_PUBLIC_NODE_ENV === "production";
+  // Menüeinträge ohne .html-Endungen für SPA-Navigation
   const menuItems = [
     { name: "Übersicht", path: "/dashboard" },
     { name: "Kabelüberwachung", path: "/kabelueberwachung" },
@@ -25,14 +24,10 @@ function Navigation() {
     <aside>
       <nav className="w-64 flex-shrink-0 mt-32 overflow-hidden">
         {menuItems.map((item) => (
-          <Link
-            href={`${item.path}${isProduction ? ".html" : ""}`}
-            key={item.name}
-          >
+          <Link href={item.path} key={item.name}>
             <div
               className={`block px-4 py-2 mb-4 font-bold whitespace-nowrap transition duration-300 ${
-                activeLink.startsWith(item.path) ||
-                activeLink.startsWith(item.path + ".html")
+                activeLink.startsWith(item.path)
                   ? "bg-sky-500 text-white rounded-r-full"
                   : "text-black hover:bg-gray-200 rounded-r-full"
               }`}