From 822db9101f6f8c47436e459393598c46691213b5 Mon Sep 17 00:00:00 2001
From: Shreyaschorge <shreyas@neynar.com>
Date: Tue, 8 Jul 2025 19:16:39 +0530
Subject: [PATCH] If within farcaster redirect skip grant access screen

---
 .../ui/NeynarAuthButton/AuthDialog.tsx           | 16 +++++++++-------
 src/components/ui/NeynarAuthButton/index.tsx     | 11 +++++++++--
 2 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/components/ui/NeynarAuthButton/AuthDialog.tsx b/src/components/ui/NeynarAuthButton/AuthDialog.tsx
index 3b38f84..2fc64d3 100644
--- a/src/components/ui/NeynarAuthButton/AuthDialog.tsx
+++ b/src/components/ui/NeynarAuthButton/AuthDialog.tsx
@@ -149,9 +149,6 @@ export function AuthDialog({
             <div className='text-red-600 dark:text-red-400 mb-4'>
               {error?.message || 'Unknown error, please try again.'}
             </div>
-            <button onClick={onClose} className='btn btn-primary'>
-              Try Again
-            </button>
           </div>
         ) : (
           <div className='text-center'>
@@ -195,10 +192,15 @@ export function AuthDialog({
               <button
                 onClick={() =>
                   window.open(
-                    content.qrUrl.replace(
-                      'https://farcaster.xyz/',
-                      'farcaster://'
-                    ),
+                    content.qrUrl
+                      .replace(
+                        'https://farcaster.xyz/',
+                        'https://client.farcaster.xyz/deeplinks/'
+                      )
+                      .replace(
+                        'https://client.farcaster.xyz/deeplinks/',
+                        'farcaster://'
+                      ),
                     '_blank'
                   )
                 }
diff --git a/src/components/ui/NeynarAuthButton/index.tsx b/src/components/ui/NeynarAuthButton/index.tsx
index 54cb4ea..925772b 100644
--- a/src/components/ui/NeynarAuthButton/index.tsx
+++ b/src/components/ui/NeynarAuthButton/index.tsx
@@ -9,8 +9,10 @@ import { isMobile } from '~/lib/devices';
 import { ProfileButton } from '~/components/ui/NeynarAuthButton/ProfileButton';
 import { AuthDialog } from '~/components/ui/NeynarAuthButton/AuthDialog';
 import { getItem, removeItem, setItem } from '~/lib/localStorage';
+import { useMiniApp } from '@neynar/react';
 
 const STORAGE_KEY = 'neynar_authenticated_user';
+const FARCASTER_FID = 9152;
 
 interface StoredAuthState {
   isAuthenticated: boolean;
@@ -34,7 +36,7 @@ export function NeynarAuthButton() {
   const [nonce, setNonce] = useState<string | null>(null);
   const [storedAuth, setStoredAuth] = useState<StoredAuthState | null>(null);
   const [signersLoading, setSignersLoading] = useState(false);
-
+  const { context } = useMiniApp();
   // New state for unified dialog flow
   const [showDialog, setShowDialog] = useState(false);
   const [dialogStep, setDialogStep] = useState<'signin' | 'access' | 'loading'>(
@@ -297,7 +299,12 @@ export function NeynarAuthButton() {
             if (signedKeyData.signer_approval_url) {
               setSignerApprovalUrl(signedKeyData.signer_approval_url);
               setSignersLoading(false); // Stop loading, show QR code
-              setDialogStep('access'); // Switch to access step to show QR
+              if (context?.client?.clientFid === FARCASTER_FID) {
+                setShowDialog(false);
+                window.open(signedKeyData.signer_approval_url, '_blank');
+              } else {
+                setDialogStep('access'); // Switch to access step to show QR
+              }
 
               // Step 4: Start polling for signer approval
               startPolling(newSigner.signer_uuid, data.message, data.signature);