This is an example implementation of the Trader Joe Bridge using the @layerzerolabs/x-trader-joe-bridge package.
Your app must call the bootstrap function from @layerzerolabs/x-trader-joe-bridge with token and wallet configurations.
The token configuration dictates which tokens will be available for transfer. See mainnet for an example config. Use Token from @layerzerolabs/x-trader-joe-bridge with chain id, token address, decimals, and token symbol. Also include proxy contracts with chain id, and contract address.
The app is set up to use rainbowkit as the wallet connector, see their docs for visual customization. The example app is using the default wallets list, see docs also to customize. Which networks using which rpc providers is also configurable using the wagmi chain configuration.
To render the Bridge, create a wallet adapter using the createWagmiProvider utility function and wrap Bridge with it and the ThemeProvider with the desired theme. If using a theme switcher this prop will need to be dynamic.
<EthereumAdapterProvider>
<ThemeProvider theme={themeDark}>
<Bridge />
</ThemeProvider>
</EthereumAdapterProvider>
Import styles from rainbowkit and react-tostify and include and import any custom fonts.
This project was bootstrapped with Create React App. In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.