Oraidex Frontier Listing

In order to display your token and pool on the OraiDEX Frontier website, you need to add the following information:

In the assets/ directory:

Add your token's SVG file with width and height = 44. For example - bnb.svg:

<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
        d="M0 22C0 9.84974 9.85012 0 22.0004 0C34.1506 0 44.0008 9.84974 44.0008 22C44.0008 34.1503 34.1506 44 22.0004 44C9.85012 44 0 34.1503 0 22Z"
        fill="#F0B90B" />
    <path
        d="M9.60647 18.3938L6 21.9997L9.60647 25.6062L13.2129 21.9997L9.60647 18.3938ZM22.0003 13.2383L28.1969 19.4349L31.8034 15.8285L21.9997 6L12.1966 15.8031L15.8031 19.4096L22.0003 13.2383ZM34.3941 18.3938L30.7876 22.0003L34.3941 25.6067L38.0006 22.0003L34.3941 18.3938ZM21.9997 30.7871L15.8031 24.5904L12.1966 28.1969L21.9997 38L31.8028 28.1969L28.1964 24.5904L21.9997 30.7871ZM21.9997 25.6034L25.6062 21.997L21.9997 18.3905L18.3933 21.997L21.9997 25.6034Z"
        fill="#F7F7F7" />
</svg>

In the chainInfos.ts file:

1. Coingecko Id:

export type CoinGeckoId =
  | 'oraichain-token'
  | 'osmosis'
  | 'cosmos'
  | 'ethereum'
  | 'bnb'
  | 'airight'
  | 'oraidex'
  | 'tether'
  | 'kawaii-islands'
  | 'milky-token'
  | 'scorai'
  | 'oraidex'
  | 'usd-coin'
  | 'tron'
  | '<your-token-coingecko-id-here>';

2. Import token icon

import { ReactComponent as <Your-token-icon> } from 'assets/icons/<your-token>.svg';

3. Token basic metadata

export const oraichainNetwork: CustomChainInfo = {
  rpc: 'https://rpc.orai.io',
  rest: 'https://lcd.orai.io',
  chainId: 'Oraichain',
  chainName: 'Oraichain',
  networkType: 'cosmos',
  stakeCurrency: OraiToken,
  bip44: {
    coinType: 118
  },
  bech32Config: defaultBech32Config('orai'),
  feeCurrencies: [OraiToken],

  Icon: OraiIcon,
  IconLight: OraiLightIcon,
  features: ['ibc-transfer', 'cosmwasm', 'wasmd_0.24+'],
  currencies: [
    OraiToken,
    {
      coinDenom: 'ATOM',
      coinGeckoId: 'cosmos',
      coinMinimalDenom: process.env.REACT_APP_ATOM_ORAICHAIN_DENOM,
      bridgeTo: ['cosmoshub-4'],
      coinDecimals: 6,
      Icon: AtomIcon,
      IconLight: AtomLightIcon
    },
    ...,
    {
      coinDenom: 'wTRX',
      coinGeckoId: 'tron',
      coinMinimalDenom: 'trx',
      type: 'cw20',
      contractAddress: process.env.REACT_APP_TRX_CONTRACT,
      bridgeTo: ['0x2b6653dc'],
      coinDecimals: 6,
      Icon: TronIcon
    },
    {
      coinDenom: '<your-token-denom>',
      coinGeckoId: '<your-token-coingecko-id> (must match the coingecko id above)',
      coinMinimalDenom: '<your-minimal-coin-denom',
      type: 'cw20', // if it is cw20
      contractAddress: '<your-cw20-address>', // dont add this key-value pair if it is no t cw20
      bridgeTo: [], // eg: ['Oraichain']
      coinDecimals: 6, // your coin decimal
      Icon: <your-token-icon>
    },
  ]
};

In the pools.ts file:

// cw20
{
  asset_infos: [
    { native_token: { denom: ORAI } }, // or your ibc native / cw20 token pair
    { token: { contract_addr: '<your-cw20-address>' } }
  ]
},

// native

{
  asset_infos: [
    { native_token: { denom: ORAI } }, // or your ibc native / cw20 token pair
    { native_token: { denom: '<your-ibc-denom>' } }
  ]
},