-
-
+ Completing authentication...
-
+
);
}
diff --git a/frontend/src/components/Navigation.tsx b/frontend/src/components/Navigation.tsx
index 8dffb50..068f5c5 100644
--- a/frontend/src/components/Navigation.tsx
+++ b/frontend/src/components/Navigation.tsx
@@ -1,58 +1,15 @@
-import { useState, useEffect } from "react";
+import { useState } from "react";
+import { useAuth } from "../contexts/AuthContext.tsx";
-interface User {
- name?: string;
- email?: string;
- avatar?: string;
-}
-
-export default function Navigation() {
- const [isOpen, setIsOpen] = useState(false);
- const [user, setUser] = useState
- {user.avatar ? (
- 
- ) : (
-
- {getInitials(user)}
-
- )}
- {/* Tooltip при наведении */}
-
- Click to logout
+ return (
+ <>
+ {user ? (
+
+ {user.avatar ? (
+
+ ) : (
+
+ {getInitials(user)}
+ )}
+
+ Click to logout
- ) : (
-
+ ) : (
+
+
- )}
-
- );
+ Promise;
+ logout: () => void;
+}
+
+const AuthContext = createContext(undefined);
+
+export function AuthProvider({ children }: { children: ReactNode }) {
+ const [user, setUser] = useState(null);
+ const [isLoading, setIsLoading] = useState(true);
+
+ const checkAuth = async () => {
+ setIsLoading(true);
+ try {
+ const token = localStorage.getItem("auth_token");
+
+ if (!token) {
+ setUser(null);
+ setIsLoading(false);
+ return;
+ }
+
+ const response = await fetch("/api/session", {
+ headers: {
+ Authorization: `Bearer ${token}`,
+ },
+ });
+
+ if (response.ok) {
+ const data = await response.json();
+ setUser(data.user);
+ console.log("User loaded:", data.user);
+ } else {
+ console.error("Token invalid, removing");
+ localStorage.removeItem("auth_token");
+ setUser(null);
+ }
+ } catch (error) {
+ console.error("Auth check failed:", error);
+ localStorage.removeItem("auth_token");
+ setUser(null);
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ const logout = () => {
+ localStorage.removeItem("auth_token");
+ setUser(null);
+ };
+
+ useEffect(() => {
+ checkAuth();
+ }, []);
+
+ return (
+
+ {children}
+
+ );
+}
+
+// eslint-disable-next-line react-refresh/only-export-components
+export function useAuth() {
+ const context = useContext(AuthContext);
+ if (!context) {
+ throw new Error("useAuth must be used within AuthProvider");
+ }
+ return context;
+}