@@ -110,7 +110,7 @@ import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/
110110import { Wallet, ExternalLink } from 'lucide-react';
111111import { useState, useEffect } from 'react';
112112
113- export function WalletModal({ open, onOpenChange, walletConnectUri, onClearWalletConnectUri }) {
113+ export function WalletModal({ open, onOpenChange, walletConnectUri, onClearWalletConnectUri }: { open: boolean; onOpenChange: (open: boolean) => void; walletConnectUri?: string | null; onClearWalletConnectUri?: () => void } ) {
114114 const { walletStatus, isConnecting, connectorId, connectors, connectWallet, disconnectWallet } = useConnector();
115115 const status = walletStatus.status;
116116 const [connectingConnectorId, setConnectingConnectorId] = useState<WalletConnectorId | null>(null);
@@ -215,7 +215,7 @@ import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigge
215215import { Wallet, Copy, Globe, Check, RefreshCw, Coins, History, ExternalLink, LogOut } from 'lucide-react';
216216import { useState } from 'react';
217217
218- export function WalletDropdownContent({ selectedAccount, walletIcon, walletName }) {
218+ export function WalletDropdownContent({ selectedAccount, walletIcon, walletName }: { selectedAccount: string; walletIcon?: string; walletName: string } ) {
219219 const [copied, setCopied] = useState(false);
220220 const shortAddress = \`\${selectedAccount.slice(0, 4)}...\${selectedAccount.slice(-4)}\`;
221221
@@ -319,7 +319,7 @@ import { WalletDropdownContentBaseUI } from './wallet-dropdown-content-baseui';
319319import { Wallet, ChevronDown } from 'lucide-react';
320320
321321// Custom Avatar component for Base UI
322- function Avatar({ src, alt, fallback, className }) {
322+ function Avatar({ src, alt, fallback, className }: { src?: string; alt?: string; fallback?: React.ReactNode; className?: string } ) {
323323 const [hasError, setHasError] = useState(false);
324324 return (
325325 <div className={\`relative flex shrink-0 overflow-hidden rounded-full \${className}\`}>
@@ -332,7 +332,7 @@ function Avatar({ src, alt, fallback, className }) {
332332 );
333333}
334334
335- export function ConnectButtonBaseUI({ className }) {
335+ export function ConnectButtonBaseUI({ className }: { className?: string } ) {
336336 const [isModalOpen, setIsModalOpen] = useState(false);
337337 const { isConnected, isConnecting, account, connector } = useConnector();
338338
@@ -394,7 +394,7 @@ import { Collapsible } from '@base-ui/react/collapsible';
394394import { Wallet, ExternalLink, ChevronDown, X } from 'lucide-react';
395395import { useState, useEffect } from 'react';
396396
397- export function WalletModalBaseUI({ open, onOpenChange }) {
397+ export function WalletModalBaseUI({ open, onOpenChange }: { open: boolean; onOpenChange: (open: boolean) => void } ) {
398398 const { walletStatus, isConnecting, connectorId, connectors, connectWallet, disconnectWallet } = useConnector();
399399 const status = walletStatus.status;
400400 const [connectingConnectorId, setConnectingConnectorId] = useState<WalletConnectorId | null>(null);
@@ -490,7 +490,7 @@ import { BalanceElement, ClusterElement, TokenListElement, TransactionHistoryEle
490490import { Wallet, Copy, Globe, ChevronDown, Check, RefreshCw, Coins, History, LogOut } from 'lucide-react';
491491import { useState } from 'react';
492492
493- export function WalletDropdownContentBaseUI({ selectedAccount, walletIcon, walletName }) {
493+ export function WalletDropdownContentBaseUI({ selectedAccount, walletIcon, walletName }: { selectedAccount: string; walletIcon?: string; walletName: string } ) {
494494 const [copied, setCopied] = useState(false);
495495 const [isTokensOpen, setIsTokensOpen] = useState(false);
496496 const [isTransactionsOpen, setIsTransactionsOpen] = useState(false);
0 commit comments