Create DiscordVerify page to handle verification code from Discord

cgen-8c0e2227a2504349a8d4d54db2ba2e6d

client/pages/DiscordVerify.tsx

@@ -0,0 +1,89 @@
+import { useEffect, useState } from "react";
+import { useNavigate, useSearchParams } from "react-router-dom";
+import { useAuth } from "@/contexts/AuthContext";
+import LoadingScreen from "@/components/LoadingScreen";
+import { useAethexToast } from "@/hooks/use-aethex-toast";
+
+export default function DiscordVerify() {
+  const navigate = useNavigate();
+  const [searchParams] = useSearchParams();
+  const { user, loading: authLoading } = useAuth();
+  const { success: toastSuccess, error: toastError } = useAethexToast();
+  const [isProcessing, setIsProcessing] = useState(false);
+
+  useEffect(() => {
+    const handleVerification = async () => {
+      if (authLoading) return;
+
+      if (!user) {
+        toastError({
+          title: "Not Authenticated",
+          description: "Please sign in to link your Discord account",
+        });
+        navigate("/login");
+        return;
+      }
+
+      const code = searchParams.get("code");
+      if (!code) {
+        toastError({
+          title: "Invalid Link",
+          description: "No verification code provided",
+        });
+        navigate("/dashboard?tab=connections");
+        return;
+      }
+
+      setIsProcessing(true);
+
+      try {
+        const response = await fetch("/api/discord/link", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            verification_code: code,
+            user_id: user.id,
+          }),
+        });
+
+        if (!response.ok) {
+          const errorData = await response.json();
+          throw new Error(errorData.error || "Verification failed");
+        }
+
+        const data = await response.json();
+
+        toastSuccess({
+          title: "Discord Linked!",
+          description: "Your Discord account has been successfully linked to AeThex",
+        });
+
+        // Redirect to profile settings
+        setTimeout(() => {
+          navigate("/dashboard?tab=connections");
+        }, 2000);
+      } catch (error: any) {
+        console.error("Discord verification error:", error);
+        toastError({
+          title: "Linking Failed",
+          description: error?.message || "Could not link Discord account",
+        });
+        navigate("/dashboard?tab=connections");
+      } finally {
+        setIsProcessing(false);
+      }
+    };
+
+    if (!authLoading) {
+      handleVerification();
+    }
+  }, [searchParams, user, authLoading, navigate, toastSuccess, toastError]);
+
+  return (
+    <LoadingScreen
+      message="Linking your Discord account..."
+      showProgress={true}
+      duration={5000}
+    />
+  );
+}