diff options
| -rw-r--r-- | thallium-frontend/src/App.tsx | 22 |
1 files changed, 19 insertions, 3 deletions
diff --git a/thallium-frontend/src/App.tsx b/thallium-frontend/src/App.tsx index 14731f4..d58e34e 100644 --- a/thallium-frontend/src/App.tsx +++ b/thallium-frontend/src/App.tsx @@ -1,10 +1,17 @@ import styled, { createGlobalStyle, ThemeProvider } from 'styled-components'; - -import LandingPage from "./pages/LandingPage" import { useEffect, useState } from 'react'; +import { + createBrowserRouter, + RouterProvider, +} from "react-router-dom"; import themes from './themes.tsx'; +import Header from "./components/Header"; + +import LandingPage from "./pages/LandingPage" +import ErrorPage from "./pages/ErrorPage" + const GlobalStyle = createGlobalStyle` html, @@ -46,6 +53,14 @@ const ContentContainer = styled.div` padding: 1rem; `; +const router = createBrowserRouter([ + { + path: "/", + element: <LandingPage />, + errorElement: <ErrorPage />, + }, +]); + function App() { const [isDarkMode, setIsDarkMode] = useState(false); @@ -65,7 +80,8 @@ function App() { <AppContainer> <GlobalStyle /> <ContentContainer> - <LandingPage /> + <Header /> + <RouterProvider router={router} /> </ContentContainer> <BodySeparator /> |