507d9a35b1
- Created .gitignore to exclude sensitive files and directories. - Added API documentation in API_DOCUMENTATION.md. - Included deployment instructions in DEPLOYMENT.md. - Established project structure documentation in PROJECT_STRUCTURE.md. - Updated README.md with project status and team information. - Added recommendations and status tracking documents. - Introduced testing guidelines in TESTING.md. - Set up CI workflow in .github/workflows/ci.yml. - Created Dockerfile for backend and frontend setups. - Added various service and utility files for backend functionality. - Implemented frontend components and pages for user interface. - Included mobile app structure and services. - Established scripts for deployment across multiple chains.
38 lines
1.3 KiB
TypeScript
38 lines
1.3 KiB
TypeScript
'use client'
|
|
|
|
import { useChainId, useSwitchChain } from 'wagmi'
|
|
import { mainnet, polygon, arbitrum, optimism, sepolia, bsc, avalanche, base } from 'wagmi/chains'
|
|
|
|
const supportedChains = [
|
|
{ id: mainnet.id, name: 'Ethereum', icon: '⟠', status: 'online' },
|
|
{ id: polygon.id, name: 'Polygon', icon: '⬟', status: 'online' },
|
|
{ id: arbitrum.id, name: 'Arbitrum', icon: '🔷', status: 'online' },
|
|
{ id: optimism.id, name: 'Optimism', icon: '🔴', status: 'online' },
|
|
{ id: bsc.id, name: 'BSC', icon: '🟡', status: 'online' },
|
|
{ id: avalanche.id, name: 'Avalanche', icon: '🔺', status: 'online' },
|
|
{ id: base.id, name: 'Base', icon: '🔵', status: 'online' },
|
|
{ id: sepolia.id, name: 'Sepolia', icon: '🧪', status: 'online' },
|
|
]
|
|
|
|
export function ChainSelector() {
|
|
const chainId = useChainId()
|
|
const { switchChain } = useSwitchChain()
|
|
|
|
return (
|
|
<div className="flex items-center space-x-2">
|
|
<select
|
|
value={chainId}
|
|
onChange={(e) => switchChain({ chainId: Number(e.target.value) })}
|
|
className="px-3 py-2 border border-gray-300 rounded-md bg-white"
|
|
>
|
|
{supportedChains.map((chain) => (
|
|
<option key={chain.id} value={chain.id}>
|
|
{chain.icon} {chain.name} {chain.status === 'online' ? '●' : '○'}
|
|
</option>
|
|
))}
|
|
</select>
|
|
</div>
|
|
)
|
|
}
|
|
|