Update app/auth/login/page.tsx

app/auth/login/page.tsx

@@ -18,7 +18,7 @@ export default function LoginPage() {
   const [error, setError] = useState("")
   const router = useRouter()
 
-  // Add this useEffect to handle URL errors
+  // ✅ UPDATED: Handle URL errors from OAuth redirects
   useEffect(() => {
     const urlParams = new URLSearchParams(window.location.search)
     const urlError = urlParams.get("error")
@@ -27,41 +27,48 @@ export default function LoginPage() {
     }
   }, [])
 
+  // ✅ UPDATED: Email/Password login with backend integration
   const handleLogin = async (e: React.FormEvent) => {
     e.preventDefault()
     setIsLoading(true)
     setError("")
 
     try {
-      const response = await fetch("/api/auth/login", {
+      // ✅ FIXED: Use FormData for backend compatibility
+      const formData = new FormData()
+      formData.append('email', email)
+      formData.append('password', password)
+
+      // ✅ FIXED: Call your actual backend endpoint
+      const response = await fetch(`${process.env.NEXT_PUBLIC_BACKEND_URL}/auth/login`, {
         method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ email, password }),
+        body: formData,
+        credentials: 'include', // ✅ CRITICAL: Send cookies
       })
 
-      const data = await response.json()
-
-      if (data.success) {
-        localStorage.setItem("user", JSON.stringify(data.user))
-        router.push("/")
+      if (response.ok) {
+        console.log('✅ Login successful')
+        router.push("/") // Redirect to home
       } else {
-        setError(data.error || "Login failed")
+        const errorData = await response.json()
+        setError(errorData.detail || 'Login failed')
       }
     } catch (error) {
+      console.error('❌ Login error:', error)
       setError("Network error. Please try again.")
     } finally {
       setIsLoading(false)
     }
   }
 
-  // Function to clear Google session cookies
+  // ✅ UPDATED: Google OAuth with backend integration
   const handleGoogleSignIn = () => {
-    // Clear any existing Google session
+    // Clear any existing Google session cookies
     document.cookie = "G_AUTHUSER_H=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"
     document.cookie = "G_ENABLED_IDPS=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"
 
-    // Redirect to Google OAuth with account selection
-    window.location.href = "/api/auth/google"
+    // ✅ FIXED: Redirect to your backend Google OAuth endpoint
+    window.location.href = `${process.env.NEXT_PUBLIC_BACKEND_URL}/auth/google`
   }
 
   return (
@@ -183,6 +190,7 @@ export default function LoginPage() {
               Sign in with Google
             </Button>
 
+            {/* ✅ UPDATED: Use different Google account with backend */}
             <div className="text-center mt-2">
               <button
                 type="button"
@@ -195,8 +203,8 @@ export default function LoginPage() {
                     const name = eqPos > -1 ? cookie.substr(0, eqPos).trim() : cookie.trim()
                     document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/"
                   }
-                  // Force account selection
-                  window.location.href = "/api/auth/google?force_prompt=true"
+                  // ✅ FIXED: Force account selection with backend endpoint
+                  window.location.href = `${process.env.NEXT_PUBLIC_BACKEND_URL}/auth/google?prompt=select_account`
                 }}
                 className="text-sm text-gray-400 hover:text-pink-400 flex items-center justify-center gap-1 mx-auto"
               >