/ ui / src / routes.tsx
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 };