From 2c4095201e6f8f6b35f504466848391cb3ad0ac7 Mon Sep 17 00:00:00 2001
From: Julian Early <julian.is.early@gmail.com>
Date: Sun, 7 Jul 2024 12:57:47 -0700
Subject: [PATCH] Farcater Signer Style and Accessibility improvements (#236)

---
 .../signers/NounspaceManagedSignerAuthenticator.tsx  | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/authenticators/farcaster/signers/NounspaceManagedSignerAuthenticator.tsx b/src/authenticators/farcaster/signers/NounspaceManagedSignerAuthenticator.tsx
index 85a2e8bb..2aa2db94 100644
--- a/src/authenticators/farcaster/signers/NounspaceManagedSignerAuthenticator.tsx
+++ b/src/authenticators/farcaster/signers/NounspaceManagedSignerAuthenticator.tsx
@@ -228,7 +228,8 @@ const initializer: AuthenticatorInitializer<
     : undefined;
 
   return (
-    <>
+    <div className="flex flex-col justify-center items-center align-center">
+      <h1 className="text-4xl font-extrabold">Connect Farcaster</h1>
       {isUndefined(data.status) ||
       !isDataInitialized(data) ||
       data.status === "revoked" ? (
@@ -236,14 +237,17 @@ const initializer: AuthenticatorInitializer<
       ) : loading && warpcastSignerUrl ? (
         <>
           <QRCode value={warpcastSignerUrl} maxWidth={256} />
-          <Link href={warpcastSignerUrl}>
-            <p>On mobile? Click here</p>
+          <Link href={warpcastSignerUrl} passHref target="_blank">
+            <Button>On mobile? Click here</Button>
           </Link>
+          <Button variant="link" size="sm" onClick={createSigner}>
+            Still having trouble? Reset the QR
+          </Button>
         </>
       ) : (
         <Spinner />
       )}
-    </>
+    </div>
   );
 };
 initializer.displayName = "NounspaceDeveloperManagedSignerInitializer";