Github
Live demo
Complete end-to-end swap implementation using Meta Aggregator quotes with wallet connection, token approval, and transaction execution.
Architecture Overview
📁 Main Components (src/components/transaction-example/)
src/components/transaction-example/
🔧 Core Components
transaction-example.tsx - Root wrapper with wallet provider
transaction-example.tsx
transaction-example-content.tsx - Main logic and state management
transaction-example-content.tsx
wallet-provider.tsx - Wagmi and RainbowKit configuration
wallet-provider.tsx
wagmi-config.ts - HyperEVM chain configuration and wallet setup
wagmi-config.ts
🎨 UI Components
header.tsx - Connection status and wallet connect button
header.tsx
quote-display.tsx - Quote data and action buttons
quote-display.tsx
approval-status.tsx - Token approval status and progress
approval-status.tsx
Last updated 10 months ago
