Skip to content

Redesign swap interface - #10

Open
henghonglee wants to merge 1 commit into
StormStatic:mainfrom
henghonglee:ls/55-redesign-swap-interface-0Fc0
Open

Redesign swap interface#10
henghonglee wants to merge 1 commit into
StormStatic:mainfrom
henghonglee:ls/55-redesign-swap-interface-0Fc0

Conversation

@henghonglee

Copy link
Copy Markdown
Contributor

Summary

  • Introduce a warm, trust-forward design system with cream/walnut color palette, DM Sans typography, and custom Tailwind design tokens (colors, border-radius, animations)
  • Create reusable UI primitives (Card, Button, AmountInput, AssetPill, AssetSheet) in src/ui/ and a unified ReceiveAddressField with clipboard paste and wallet auto-fill
  • Replace chain tab bar with a bottom-sheet asset selector modal, move Solana wallet providers to App.tsx for cross-chain availability, and restyle the Order status view

Test plan

  • Verify each chain selection (Polygon/Solana/Tron) works via the asset sheet
  • Confirm amount input accepts valid numbers and the asset pill displays correct token + chain logos
  • Test receive address auto-fill for Polygon (Web3Modal) and Solana (WalletAdapter)
  • Test manual address entry and paste button for Tron
  • Verify order creation flow end-to-end (create order → Lightning QR → escrow → release)
  • Check responsive layout on mobile and desktop viewports
  • Confirm the new design tokens render correctly (cream background, walnut buttons, DM Sans font)

🤖 Generated with Claude Code

Introduce a cream/walnut design system with DM Sans typography,
reusable UI primitives (Card, Button, AmountInput, AssetPill,
AssetSheet), and a unified ReceiveAddressField. Replace chain tab
bar with a bottom-sheet asset selector. Move Solana wallet providers
to App.tsx so they're available across all chains. Restyle Order
status view to match new design tokens.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant