-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.tsx
64 lines (59 loc) · 2.15 KB
/
App.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
import AuctionList from './components/AuctionList/AuctionList';
import CreateAuction from './components/CreateAuction/CreateAuction';
import './App.css';
import { BrowserRouter, Routes, Route } from 'react-router-dom';
import AuctionDetail from './components/AuctionDetail/AuctionDetail';
import ReactQueryProvider from './providers/ReactQueryProvider';
import Layout from './components/layout';
import { MeshProvider } from '@meshsdk/react';
import CreateAuctionList from './components/CreateAuction/CreateAuctionList';
import Footer from './components/Footer/Footer';
import Topbar from './components/Navbar/Topbar';
import { Bounce, ToastContainer } from 'react-toastify';
import 'react-toastify/dist/ReactToastify.css';
import { WebSocketProvider } from './providers/WebSocketProvider';
function App() {
return (
<BrowserRouter>
<MeshProvider>
<ReactQueryProvider>
<WebSocketProvider>
<>
{/* Navbar */}
<Topbar />
{/* Route configuration */}
<Layout>
<Routes>
<Route path="/" element={<AuctionList />} />
<Route path="/auction-list" element={<AuctionList />} />
<Route path="/create-auction" element={<CreateAuction />} />
<Route path="/auction" element={<AuctionDetail />} />
<Route
path="/create-auction-list"
element={<CreateAuctionList />}
/>
{/* TODO: collection/wallet routes */}
</Routes>
</Layout>
<ToastContainer
position="bottom-center"
autoClose={5000}
hideProgressBar={true}
newestOnTop={false}
closeOnClick
rtl={false}
pauseOnFocusLoss
draggable
pauseOnHover
theme="light"
transition={Bounce}
/>
<Footer />
</>
</WebSocketProvider>
</ReactQueryProvider>
</MeshProvider>
</BrowserRouter>
);
}
export default App;