diff options
Diffstat (limited to 'frontend/src/App.js')
| -rw-r--r-- | frontend/src/App.js | 19 |
1 files changed, 17 insertions, 2 deletions
diff --git a/frontend/src/App.js b/frontend/src/App.js index e853b02..26aec98 100644 --- a/frontend/src/App.js +++ b/frontend/src/App.js | |||
| @@ -1,16 +1,31 @@ | |||
| 1 | import React from 'react'; | 1 | import React from 'react'; |
| 2 | import { BrowserRouter, Routes, Route} from "react-router-dom"; | ||
| 2 | 3 | ||
| 3 | import Sidebar from "./components/sidebar.js" | 4 | import Sidebar from "./components/sidebar.js" |
| 5 | import Main from "./components/main.js" | ||
| 4 | import "./App.css"; | 6 | import "./App.css"; |
| 5 | import "./fonts/D-DIN.otf" | ||
| 6 | 7 | ||
| 7 | 8 | ||
| 8 | 9 | ||
| 9 | export default function App() { | 10 | export default function App() { |
| 10 | 11 | ||
| 11 | return ( | 12 | return ( |
| 12 | <> | 13 | <> |
| 14 | <BrowserRouter> | ||
| 13 | <Sidebar/> | 15 | <Sidebar/> |
| 16 | <Routes> | ||
| 17 | <Route index element={<Main text="Homepage"/>}></Route> | ||
| 18 | <Route path="/news" element={<Main text="News"/>}></Route> | ||
| 19 | <Route path="/records" element={<Main text="Records"/>}></Route> | ||
| 20 | <Route path="/leaderboards" element={<Main text="Leaderboards"/>}></Route> | ||
| 21 | <Route path="/discussions" element={<Main text="Discussion"/>}></Route> | ||
| 22 | <Route path="/scorelog" element={<Main text="Score logs"/>}></Route> | ||
| 23 | <Route path="/profile" element={<Main text="Profile"/>}></Route> | ||
| 24 | <Route path="/rules" element={<Main text="Rules"/>}></Route> | ||
| 25 | <Route path="/about" element={<Main text="About"/>}></Route> | ||
| 26 | <Route path="*" element={<Main text="404"/>}></Route> | ||
| 27 | </Routes> | ||
| 28 | </BrowserRouter> | ||
| 14 | </> | 29 | </> |
| 15 | ) | 30 | ) |
| 16 | } \ No newline at end of file | 31 | } \ No newline at end of file |