Struktur verbessert in components

components/header/Header.tsx

@@ -3,9 +3,9 @@ import React, { useState, useEffect } from "react";
 import Image from "next/image";
 import { useRouter } from "next/router";
 import "bootstrap-icons/font/bootstrap-icons.css";
-import SettingsModal from "./modales/settingsModal/SettingsModal";
+import SettingsModal from "./settingsModal/SettingsModal";
 import { useSelector } from "react-redux";
-import decodeToken from "../utils/decodeToken";
+import decodeToken from "../../utils/decodeToken";
 
 function Header() {
   const router = useRouter();

components/header/settingsModal/SettingsModal.tsx

@@ -1,4 +1,4 @@
-"use client"; // components/modales/settingsModal/SettingsModal.jsx
+"use client"; // components/header/settingsModal/SettingsModal.tsx
 import React, { useState, useEffect } from "react";
 import ReactModal from "react-modal";
 import "bootstrap-icons/font/bootstrap-icons.css";

components/main/settingsPageComponents/GeneralSettings.tsx

@@ -1,9 +1,9 @@
 import React, { useState, useEffect } from "react";
 import { useSelector } from "react-redux";
-import handleClearDatabase from "../modales/settingsModal/handlers/handleClearDatabase";
-import handleReboot from "../modales/settingsModal/handlers/handleReboot";
-import handleSetDateTime from "../modales/settingsModal/handlers/handleSetDateTime";
-import handleSubmit from "../modales/settingsModal/handlers/handleSubmit";
+import handleClearDatabase from "../../header/settingsModal/handlers/handleReboot";
+import handleReboot from "../../header/settingsModal/handlers/handleReboot";
+import handleSetDateTime from "../../header/settingsModal/handlers/handleReboot";
+import handleSubmit from "../../header/settingsModal/handlers/handleReboot";
 
 const GeneralSettings = () => {
   const deviceName_Redux = useSelector((state) => state.variables.deviceName);

config/webVersion.ts

@@ -5,5 +5,5 @@
 2: Patch oder Hotfix (Bugfixes oder kleine Änderungen).
 
 */
-const webVersion = "1.6.12";
+const webVersion = "1.6.13";
 export default webVersion;

pages/_app.tsx

@@ -1,9 +1,9 @@
 // pages/_app.tsx
 import { useEffect, useState } from "react";
 import { loadWindowVariables } from "../utils/loadWindowVariables";
-import Header from "../components/Header";
-import Navigation from "../components/Navigation";
-import Footer from "../components/Footer";
+import Header from "../components/header/Header";
+import Navigation from "../components/navigation/Navigation";
+import Footer from "../components/footer/Footer";
 import "../styles/globals.css";
 import { Provider } from "react-redux";
 import { setVariables } from "../redux/slices/variablesSlice";

pages/settings.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
-import GeneralSettings from "../components/settingsPageComponents/generalSettings";
-import OPCUAInterfaceSettings from "../components/settingsPageComponents/OPCUAInterfaceSettings";
+import GeneralSettings from "../components/main/settingsPageComponents/generalSettings";
+import OPCUAInterfaceSettings from "../components/main/settingsPageComponents/OPCUAInterfaceSettings";
 
 export default function Settings() {
   const [activeTab, setActiveTab] = useState("tab1");