From 2a69bdf3a0fbf9bce0f1983cf051566f585a96b8 Mon Sep 17 00:00:00 2001
From: FlorianSpeicher <flo200538@gmail.com>
Date: Sun, 15 Jun 2025 14:42:44 +0200
Subject: [PATCH] Fixed customerId Issue

---
 01-frontend/src/helper/AccountProvider.tsx    |  2 ++
 01-frontend/src/helper/navbar/LoginDialog.tsx | 11 +++++++++--
 01-frontend/src/helper/navbar/NavBar.tsx      |  4 +---
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/01-frontend/src/helper/AccountProvider.tsx b/01-frontend/src/helper/AccountProvider.tsx
index 2f21d00..eea8888 100644
--- a/01-frontend/src/helper/AccountProvider.tsx
+++ b/01-frontend/src/helper/AccountProvider.tsx
@@ -7,6 +7,8 @@ export const AccountProvider = ({ children }: { children: ReactNode }) => {
     const [user, setUser] = useState<User | null>(null);
 
     const login = (userData: User) => {
+        console.log("UserData in AccountProvider:", userData);
+        console.log("User in AccountProvider before set:", user);
         setUser(userData);
     };
 
diff --git a/01-frontend/src/helper/navbar/LoginDialog.tsx b/01-frontend/src/helper/navbar/LoginDialog.tsx
index b824c74..ed05a9c 100644
--- a/01-frontend/src/helper/navbar/LoginDialog.tsx
+++ b/01-frontend/src/helper/navbar/LoginDialog.tsx
@@ -52,9 +52,16 @@ const LoginDialog: React.FC<LoginDialogProps> = ({ open, onClose, loginData, set
             setShowErrorLogin(false); // Fehlermeldung zurücksetzen
             const response = await refetchLogin(); // Anfrage auslösen
             if (response.status === "success") {
-                const userData = response.data; // Extrahiere die Benutzerdaten aus der Antwort
                 const customerData = (await refetchAccount()).data; // Hole die Account-Daten
-                login({ email: userData.email, customerId: customerData.customer.id, password: userData.password }); // Speichere die Benutzerdaten im AccountProvider
+                console.log("customerId: ", customerData.customer.id);
+                const user = {
+                    email: customerData.email,
+                    password: customerData.password,
+                    customerId: customerData.customer.id, // Setze die customerId aus den Account-Daten
+                };
+                console.log("user: ", user);
+                login(user); // Speichere die Benutzerdaten im AccountProvider
+                console.log("Login erfolgreich:", user);
                 setShowRegister(false); // Zurück zum Login wechseln
                 onSubmit(); // Dialog schließen
             } else {
diff --git a/01-frontend/src/helper/navbar/NavBar.tsx b/01-frontend/src/helper/navbar/NavBar.tsx
index 8ec9d73..05e8601 100644
--- a/01-frontend/src/helper/navbar/NavBar.tsx
+++ b/01-frontend/src/helper/navbar/NavBar.tsx
@@ -29,7 +29,7 @@ export default function NavBar() {
     const [anchorElNav, setAnchorElNav] = React.useState<null | HTMLElement>(null);
     const [anchorElUser, setAnchorElUser] = React.useState<null | HTMLElement>(null);
 
-    const { user, login, logout } = useAccount();
+    const { user, logout } = useAccount();
 
     const [loginOpen, setLoginOpen] = React.useState(false);
     const [loginData, setLoginData] = React.useState({ password: '', email: '', customerId: 0 });
@@ -81,9 +81,7 @@ export default function NavBar() {
     };
 
     const handleLoginSubmit = () => {
-        login(loginData);
         setLoginOpen(false);
-        setLoginData(loginData);
     };
 
     // useQuery, um die Item-Namen zu laden