routes.tsx
1 import { createBrowserRouter } from 'react-router-dom'; 2 import { 3 BridgeLazy, 4 CreateMarketLazy, 5 Dashboard, 6 Error, 7 ManagePool, 8 Markets, 9 OTCSwap, 10 PoolDetails, 11 SmartTokens, 12 } from 'pages'; 13 import Layout from './Layout'; 14 15 const router = createBrowserRouter([ 16 { 17 path: '/', 18 element: <Layout />, 19 children: [ 20 { 21 path: '/', 22 element: <Dashboard />, 23 }, 24 { 25 path: 'bridge', 26 element: <BridgeLazy />, 27 }, 28 { 29 path: 'bridge/eth', 30 element: <BridgeLazy title="Interface for Gravity Bridge and Axelar" />, 31 }, 32 { 33 path: 'bridge/ibc', 34 element: ( 35 <BridgeLazy title="Interface for IBC Transfers (contractless)" /> 36 ), 37 }, 38 { 39 path: 'pools', 40 element: <Markets />, 41 }, 42 { 43 path: 'pools/create', 44 element: <CreateMarketLazy />, 45 }, 46 { 47 path: 'pools/:id', 48 element: <PoolDetails />, 49 }, 50 { 51 path: 'manage-pool/:id', 52 element: <ManagePool />, 53 }, 54 { 55 path: 'otc-swap', 56 element: <OTCSwap />, 57 }, 58 { 59 path: 'smart-tokens', 60 element: <SmartTokens />, 61 }, 62 { 63 path: '*', 64 element: <Error />, 65 }, 66 ], 67 }, 68 ]); 69 70 export { router };