From ca4d5a2a8e5db71a2341fa71148eb8a57a529a56 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Sun, 9 Nov 2025 07:39:45 +0000
Subject: [PATCH] Add Discord OAuth button to Login page

cgen-df002fcc61134da697f69f704951a34f
---
 client/pages/Login.tsx | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/client/pages/Login.tsx b/client/pages/Login.tsx
index d9e153f0..3cd9331d 100644
--- a/client/pages/Login.tsx
+++ b/client/pages/Login.tsx
@@ -399,6 +399,25 @@ export default function Login() {
                     <Sparkles className="h-4 w-4 mr-2" />
                     Continue with Roblox
                   </Button>
+                  <Button
+                    variant="outline"
+                    className="w-full hover-lift interactive-scale"
+                    onClick={() => {
+                      const apiBase =
+                        (import.meta as any)?.env?.VITE_API_BASE ||
+                        window.location.origin;
+                      const u = new URL("/api/discord/oauth/start", apiBase);
+                      const next = new URLSearchParams(
+                        window.location.search,
+                      ).get("next");
+                      if (next && next.startsWith("/"))
+                        u.searchParams.set("state", next);
+                      window.location.href = u.toString();
+                    }}
+                  >
+                    <DiscordIcon />
+                    <span className="ml-2">Continue with Discord</span>
+                  </Button>
                 </div>
 
                 <div className="relative">