Update May 12 by Elvis

contexts/AuthContext.tsx

@@ -0,0 +1,73 @@
+"use client";
+
+import React, { createContext, useContext, useState, useEffect, ReactNode } from "react";
+import { getToken } from "@/lib/api";
+import * as authApi from "@/lib/api/auth";
+
+export type UserProfile = authApi.UserProfile;
+
+interface AuthContextType {
+  user: UserProfile | null;
+  isLoading: boolean;
+  isAdmin: boolean;
+  login: (email: string, password: string) => Promise<UserProfile>;
+  register: (email: string, password: string, name: string) => Promise<UserProfile>;
+  logout: () => void;
+}
+
+const AuthContext = createContext<AuthContextType | undefined>(undefined);
+
+export const AuthProvider = ({ children }: { children: ReactNode }) => {
+  const [user, setUser] = useState<UserProfile | null>(null);
+  const [isLoading, setIsLoading] = useState(true);
+
+  useEffect(() => {
+    const token = getToken();
+    if (!token) {
+      setIsLoading(false);
+      return;
+    }
+    authApi.getMe()
+      .then(setUser)
+      .catch(() => authApi.logout())
+      .finally(() => setIsLoading(false));
+  }, []);
+
+  const login = async (email: string, password: string): Promise<UserProfile> => {
+    const profile = await authApi.login(email, password);
+    setUser(profile);
+    return profile;
+  };
+
+  const register = async (email: string, password: string, name: string): Promise<UserProfile> => {
+    const profile = await authApi.register(email, password, name);
+    setUser(profile);
+    return profile;
+  };
+
+  const logout = () => {
+    authApi.logout();
+    setUser(null);
+  };
+
+  return (
+    <AuthContext.Provider
+      value={{
+        user,
+        isLoading,
+        isAdmin: user?.role === "admin",
+        login,
+        register,
+        logout,
+      }}
+    >
+      {children}
+    </AuthContext.Provider>
+  );
+};
+
+export const useAuth = () => {
+  const ctx = useContext(AuthContext);
+  if (!ctx) throw new Error("useAuth must be used within AuthProvider");
+  return ctx;
+};