refactor(structure): move to 7project dir

7project/frontend/src/contexts/AuthContext.tsx

@@ -0,0 +1,113 @@
+import React, { createContext, useContext, useState, useEffect, ReactNode } from 'react';
+import { User, AuthTokens, LoginCredentials, RegisterData } from '../types';
+import { apiClient } from '../utils/api';
+import { API_ENDPOINTS } from '../config/api';
+
+interface AuthContextType {
+  user: User | null;
+  loading: boolean;
+  login: (credentials: LoginCredentials) => Promise<void>;
+  register: (data: RegisterData) => Promise<void>;
+  logout: () => Promise<void>;
+  updateProfile: (data: Partial<User>) => Promise<void>;
+}
+
+const AuthContext = createContext<AuthContextType | undefined>(undefined);
+
+export const useAuth = () => {
+  const context = useContext(AuthContext);
+  if (!context) {
+    throw new Error('useAuth must be used within an AuthProvider');
+  }
+  return context;
+};
+
+interface AuthProviderProps {
+  children: ReactNode;
+}
+
+export const AuthProvider: React.FC<AuthProviderProps> = ({ children }) => {
+  const [user, setUser] = useState<User | null>(null);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    checkAuth();
+  }, []);
+
+  const checkAuth = async () => {
+    try {
+      const token = localStorage.getItem('access_token');
+      if (token) {
+        const userData = await apiClient.get<User>(API_ENDPOINTS.auth.me);
+        setUser(userData);
+      }
+    } catch (error) {
+      localStorage.removeItem('access_token');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const login = async (credentials: LoginCredentials) => {
+    try {
+      const tokens = await apiClient.postForm<AuthTokens>(
+        API_ENDPOINTS.auth.login,
+        {
+          grant_type: "password",
+          username: credentials.email,
+          password: credentials.password
+        }
+      );
+      localStorage.setItem('access_token', tokens.access_token);
+      const userData = await apiClient.get<User>(API_ENDPOINTS.auth.me);
+      setUser(userData);
+    } catch (error) {
+      throw new Error('Invalid credentials');
+    }
+  };
+
+  const register = async (data: RegisterData) => {
+    try {
+      await apiClient.post<User>(API_ENDPOINTS.auth.register, data);
+      // Auto-login after registration
+      await login({ email: data.email, password: data.password });
+    } catch (error) {
+      throw new Error('Registration failed');
+    }
+  };
+
+  const logout = async () => {
+    try {
+      await apiClient.post(API_ENDPOINTS.auth.logout);
+    } catch (error) {
+      // Continue with logout even if API call fails
+    } finally {
+      localStorage.removeItem('access_token');
+      setUser(null);
+    }
+  };
+
+  const updateProfile = async (data: Partial<User>) => {
+    try {
+      const updatedUser = await apiClient.put<User>(API_ENDPOINTS.users.update, data);
+      setUser(updatedUser);
+    } catch (error) {
+      throw new Error('Failed to update profile');
+    }
+  };
+
+  return (
+    <AuthContext.Provider
+      value={{
+        user,
+        loading,
+        login,
+        register,
+        logout,
+        updateProfile,
+      }}
+    >
+      {children}
+    </AuthContext.Provider>
+  );
+};