ui update

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 @@
 import React from 'react';

+import { BrowserRouter, Routes, Route} from "react-router-dom";

 

 import Sidebar from "./components/sidebar.js"

+import Main from "./components/main.js"

 import "./App.css";

-import "./fonts/D-DIN.otf"

 

 

 

 export default function App() {

-    

+

     return (

         <>

+        <BrowserRouter>

         <Sidebar/>

+        <Routes>

+            <Route index element={<Main text="Homepage"/>}></Route>

+            <Route path="/news" element={<Main text="News"/>}></Route>

+            <Route path="/records" element={<Main text="Records"/>}></Route>

+            <Route path="/leaderboards" element={<Main text="Leaderboards"/>}></Route>

+            <Route path="/discussions" element={<Main text="Discussion"/>}></Route>

+            <Route path="/scorelog" element={<Main text="Score logs"/>}></Route>

+            <Route path="/profile" element={<Main text="Profile"/>}></Route>

+            <Route path="/rules" element={<Main text="Rules"/>}></Route>

+            <Route path="/about" element={<Main text="About"/>}></Route>

+            <Route path="*" element={<Main text="404"/>}></Route>

+        </Routes>

+        </BrowserRouter>

         </>

     )

 }
\ No newline at end of file