From ba84643bcb1fe732fb2db42b64c8b3d7a4a88266 Mon Sep 17 00:00:00 2001
From: celine <celine@hyperlink.academy>
Date: Mon, 13 Apr 2026 18:28:10 -0400
Subject: [PATCH] wire up the create account button

---
 app/api/oauth/[route]/route.ts |  2 ++
 components/LoginButton.tsx     | 10 +++++++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/app/api/oauth/[route]/route.ts b/app/api/oauth/[route]/route.ts
index 9c7eb139..96591d0f 100644
--- a/app/api/oauth/[route]/route.ts
+++ b/app/api/oauth/[route]/route.ts
@@ -32,6 +32,7 @@ export async function GET(
     case "login": {
       const searchParams = req.nextUrl.searchParams;
       const handle = searchParams.get("handle") as string;
+      const signup = searchParams.get("signup") === "true";
       // Put originating page here!
       let redirect = searchParams.get("redirect_url");
       if (redirect) redirect = decodeURIComponent(redirect);
@@ -46,6 +47,7 @@ export async function GET(
           "atproto transition:email include:pub.leaflet.authFullPermissions include:site.standard.authFull include:app.bsky.authCreatePosts include:app.bsky.authViewAll?aud=did:web:api.bsky.app%23bsky_appview blob:*/*",
         signal: ac.signal,
         state: JSON.stringify(state),
+        ...(signup ? { prompt: "create" } : {}),
       });
 
       return NextResponse.redirect(url);
diff --git a/components/LoginButton.tsx b/components/LoginButton.tsx
index 0891f1fa..9c6a1cb9 100644
--- a/components/LoginButton.tsx
+++ b/components/LoginButton.tsx
@@ -181,9 +181,13 @@ export function LoginActionButton() {
               <div className="text-secondary pb-3">
                 Create an Atmosphere account on Bluesky to get started!
               </div>
-              <ButtonPrimary className="mx-auto mb-1">
-                <BlueskyTiny /> Sign up via Bluesky
-              </ButtonPrimary>
+              <form action="/api/oauth/login" method="GET">
+                <input type="hidden" name="redirect_url" value="/" />
+                <input type="hidden" name="signup" value="true" />
+                <ButtonPrimary className="mx-auto mb-1">
+                  <BlueskyTiny /> Sign up via Bluesky
+                </ButtonPrimary>
+              </form>
               <AtmosphericHandleInfo />
             </div>
           )}
-- 
2.51.2