Swap Page

The Swap page brings cross-chain token trading right into RitoSwap via the Li.Fi widget. The heart of RitoSwap’s classic dApp vision is seamless token trading—so instead of building and maintaining a DEX from scratch, we embed Li.Fi’s battle-tested aggregator and theme it to match RitoSwap’s branding. Users get true multichain freedom without ever leaving the app, making the experience inclusive and expansive.

RitoSwap does NOT charge any fees or profit from widget usage, nor does it directly promote or sponsor any tokens or projects for profit.

File Paths

• dapp
  • app
    • swap
      • components
        • Music.tsx
        • SwapClient.integration.test.tsx
        • SwapClient.tsx
        • SwapClient.unit.test.tsx
        • useExternalProvider.ts
      • jsonld
      • metadata.ts
      • page.integration.test.tsx
      • page.module.css
      • page.tsx
      • page.unit.test.ts

Components of Note

Music

This page features “A Trillie”, Rito Rhymes’ parody remix of Lil Wayne’s A Milli. It’s a punchline-packed anthem about blockchain culture and crypto get-rich-quick memeing—perfect for trading vibes but not meant to be taken too seriously.

Widget Behavior

• The widget is sourced from @lifi/widget and mounted inside SwapClient.
• widgetConfig.walletConfig.onConnect is overridden so that Li.Fi’s “Connect Wallet” button opens the existing ConnectKit modal (via openWalletConnectModal).
• All colors, typography, and border radii are themed through widgetConfig.theme, making it straightforward to align with any future rebrand.

For full widget documentation and advanced setup options, see Li.Fi Widget Docs .