refactor(auth): migrate social login to next-auth

src/app/auth/components/auth-facebook-panel.tsx

@@ -6,54 +6,54 @@
  *
  * 行为：
  *  - 默认显示「Continue with Facebook」+ 「Other sign-in options」入口
- *  - 真实 Facebook 登录在「Continue with Facebook」按钮中触发
+ *  - 社交登录直接调 `nextauth.facebookLogin()` / `nextauth.googleLogin()`（NextAuth 流程）
  */
 import { useState } from "react";
 
-import { useAuthState, useAuthDispatch } from "@/stores/auth/auth-context";
+import { useAuthState } from "@/stores/auth/auth-context";
+import { facebookLogin, googleLogin } from "@/lib/auth/nextauth";
 
 import { AuthSocialButtons } from "./auth-social-buttons";
 import { AuthDivider } from "./auth-divider";
 import { AuthPrimaryButton } from "./auth-primary-button";
 import { AuthErrorMessage } from "./auth-error-message";
 import { AuthOtherOptionsDialog } from "./auth-other-options-dialog";
-import { GoogleSignInButton } from "./google-sign-in-button";
 import { AuthLegalText } from "./auth-legal-text";
 import styles from "./auth-facebook-panel.module.css";
 
 export interface AuthFacebookPanelProps {
   onSwitchToEmail: () => void;
-  onGoogleSuccess: (idToken: string, email: string) => void;
 }
 
-export function AuthFacebookPanel({
-  onSwitchToEmail,
-  onGoogleSuccess,
-}: AuthFacebookPanelProps) {
+export function AuthFacebookPanel({ onSwitchToEmail }: AuthFacebookPanelProps) {
   const state = useAuthState();
-  const dispatch = useAuthDispatch();
   const [showOptions, setShowOptions] = useState(false);
+  const [busy, setBusy] = useState<null | "facebook" | "google">(null);
+
+  const handleFacebook = async () => {
+    setBusy("facebook");
+    const r = await facebookLogin();
+    setBusy(null);
+    if (!r.success) console.error("[auth-facebook-panel]", r.error);
+  };
+
+  const handleGoogle = async () => {
+    setBusy("google");
+    const r = await googleLogin();
+    setBusy(null);
+    if (!r.success) console.error("[auth-facebook-panel]", r.error);
+  };
 
   return (
     <div className={styles.panel}>
       <AuthErrorMessage message={state.errorMessage} />
       <AuthSocialButtons
-        loadingProvider={state.isLoading ? "facebook" : null}
-        onFacebook={() => dispatch({ type: "AuthFacebookLoginSubmitted" })}
-        onGoogle={() => dispatch({ type: "AuthGoogleLoginSubmitted" })}
-        googleSlot={
-          <GoogleSignInButton
-            onSuccess={(s) =>
-              onGoogleSuccess(s.idToken, s.email)
-            }
-          />
-        }
+        loadingProvider={busy ?? (state.isLoading ? "facebook" : null)}
+        onFacebook={handleFacebook}
+        onGoogle={handleGoogle}
       />
       <AuthDivider label="or" />
-      <AuthPrimaryButton
-        onClick={onSwitchToEmail}
-        variant="primary"
-      >
+      <AuthPrimaryButton onClick={onSwitchToEmail} variant="primary">
         Continue with Email
       </AuthPrimaryButton>
       <button
@@ -69,21 +69,21 @@ export function AuthFacebookPanel({
         onClose={() => setShowOptions(false)}
         onFacebook={() => {
           setShowOptions(false);
-          dispatch({ type: "AuthFacebookLoginSubmitted" });
+          void handleFacebook();
         }}
         onGoogle={() => {
           setShowOptions(false);
-          dispatch({ type: "AuthGoogleLoginSubmitted" });
+          void handleGoogle();
         }}
         onApple={() => {
           setShowOptions(false);
-          dispatch({ type: "AuthAppleLoginSubmitted" });
+          console.warn("Apple login not implemented");
         }}
         onEmail={() => {
           setShowOptions(false);
           onSwitchToEmail();
         }}
-        loadingProvider={state.isLoading ? "facebook" : null}
+        loadingProvider={busy ?? (state.isLoading ? "facebook" : null)}
         showApple={false}
       />
     </div>