From 80f0591399dfb563d120eab1a0e69478e54c4a4d Mon Sep 17 00:00:00 2001
From: Cho Young-Hwi <cyh76507707@gmail.com>
Date: Fri, 27 Mar 2026 21:50:56 +0000
Subject: [PATCH] [#307] Close mobile nav when navigating to profile

Add onNavigate callback prop to ConnectWallet, called on profile link
click. NavBar passes setMobileOpen(false) from the mobile dropdown.
Desktop behavior unaffected (onNavigate is optional/undefined).

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/components/ConnectWallet.tsx | 3 ++-
 src/components/NavBar.tsx        | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/ConnectWallet.tsx b/src/components/ConnectWallet.tsx
index 37757a08..b1eafb70 100644
--- a/src/components/ConnectWallet.tsx
+++ b/src/components/ConnectWallet.tsx
@@ -7,7 +7,7 @@ import { isFarcasterMiniApp } from "../../lib/farcaster-detect";
 import { truncateAddress } from "../../lib/utils";
 import { useConnectedIdentity } from "../hooks/useConnectedIdentity";
 
-export function ConnectWallet() {
+export function ConnectWallet({ onNavigate }: { onNavigate?: () => void } = {}) {
   const { address, isConnected } = useAccount();
   const { connect, connectors, isPending } = useConnect();
   const { disconnect } = useDisconnect();
@@ -41,6 +41,7 @@ export function ConnectWallet() {
       <div className="border-border flex items-center gap-3 rounded border px-3 py-2 text-sm">
         <Link
           href={`/profile/${address}`}
+          onClick={onNavigate}
           className="text-accent inline-flex items-center gap-1.5 font-medium hover:opacity-80 transition-opacity"
         >
           {profile?.pfpUrl && (
diff --git a/src/components/NavBar.tsx b/src/components/NavBar.tsx
index 0fa495f5..d3b0c283 100644
--- a/src/components/NavBar.tsx
+++ b/src/components/NavBar.tsx
@@ -110,7 +110,7 @@ export function NavBar() {
             })}
           </div>
           <div className="mt-2 border-t border-[var(--border)] pt-2">
-            <ConnectWallet />
+            <ConnectWallet onNavigate={() => setMobileOpen(false)} />
           </div>
         </div>
       )}