Function WalletButton

src/components/WalletButton.tsx:178–890

({ onRefresh, loading, lastSyncTime, onTrade, onTradePosition }: WalletButtonProps)

}

export default function WalletButton({ onRefresh, loading, lastSyncTime, onTrade, onTradePosition }: WalletButtonProps) {
  const { t } = useI18n();
  const { address, isConnected, connector, chainId } = useAccount();
  const { connect, connectors } = useConnect();
  const { disconnect } = useDisconnect();
  const { switchChain } = useSwitchChain();
  const { signTypedDataAsync } = useSignTypedData();
  const { setWallet, clearWallet, tradeSession, setTradeSession, clearTradeSession, proxyAddress, setProxyAddress } = useWalletStore();
  const [authorizing, setAuthorizing] = useState(false);
  const [error, setError] = useState<string | null>(null);
  const [polyBalance, setPolyBalance] = useState<number | null>(() => {
    if (typeof window === "undefined") return null;
    const v = sessionStorage.getItem("pw:balance");
    return v !== null ? Number(v) : null;
  });
  const [portfolioValue, setPortfolioValue] = useState<number | null>(() => {
    if (typeof window === "undefined") return null;
    const v = sessionStorage.getItem("pw:portfolio");
    return v !== null ? Number(v) : null;
  });
  const { approve, status: approveStatus, error: approveError, markDone } = useApproveProxy();
  const allConnectors = useConnectors();
  const [open, setOpen] = useState(false);
  const dropdownRef = useRef<HTMLDivElement>(null);
  const closeTimer = useRef<ReturnType<typeof setTimeout> | null>(null);

  // Proxy wallet lookup state
  const [resolvedProxy, setResolvedProxy] = useState<string | null>(null);
  const [proxyNotFound, setProxyNotFound] = useState(false);
  const [manualProxyInput, setManualProxyInput] = useState("");
  const lookupDoneRef = useRef<string | null>(null);

  const isPolygon = chainId === polygon.id;

  const handleMouseEnter = () => {
    if (closeTimer.current) clearTimeout(closeTimer.current);
    setOpen(true);
  };
  const handleMouseLeave = () => {
    closeTimer.current = setTimeout(() => setOpen(false), 200);
  };

  // Sync wagmi → walletStore; restore persisted session on connect
  // Validates the saved session; if server lost it, silently re-authorize
  useEffect(() => {
    if (isConnected && address && isPolygon && chainId) {
      setWallet(address, chainId);
      const saved = loadTradeSession(address);
      if (saved) {
        // Optimistically set session immediately so effectiveProxy is available on first render
        setTradeSession(saved);
        // Verify session in background; if expired, re-authorize or clear
        fetch("/api/trade/balance", {
          method: "POST",
          headers: { "Content-Type": "application/json" },
          body: JSON.stringify({ sessionToken: saved.sessionToken }),
        }).then(async (res) => {
          if (!res.ok) {