[#40] Implement router
This commit is contained in:
parent
9a7b9474d4
commit
fe59b0c854
4 changed files with 28 additions and 35 deletions
|
@ -1,23 +0,0 @@
|
|||
import MainPage from './pages/MainPage';
|
||||
import { createTheme, ThemeProvider } from '@mui/material/styles';
|
||||
|
||||
function App() {
|
||||
const darkTheme = createTheme({
|
||||
palette: {
|
||||
mode: 'dark',
|
||||
},
|
||||
typography: {
|
||||
fontFamily: 'Poppins, sans-serif',
|
||||
},
|
||||
});
|
||||
|
||||
return (
|
||||
<div className="App">
|
||||
<ThemeProvider theme={darkTheme}>
|
||||
<MainPage />
|
||||
</ThemeProvider>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default App;
|
|
@ -1,8 +0,0 @@
|
|||
import { render, screen } from '@testing-library/react';
|
||||
import App from './App';
|
||||
|
||||
test('renders learn react link', () => {
|
||||
render(<App />);
|
||||
const linkElement = screen.getByText(/learn react/i);
|
||||
expect(linkElement).toBeInTheDocument();
|
||||
});
|
|
@ -1,26 +1,45 @@
|
|||
import React from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import App from './App';
|
||||
import { createTheme, ThemeProvider } from '@mui/material/styles';
|
||||
import reportWebVitals from './reportWebVitals';
|
||||
import {
|
||||
createBrowserRouter,
|
||||
RouterProvider,
|
||||
} from 'react-router-dom';
|
||||
import MainPage from './pages/MainPage';
|
||||
|
||||
// Styles
|
||||
import './assets/styles/main.scss';
|
||||
import 'bootstrap/dist/css/bootstrap.min.css';
|
||||
import RegisterPage from './pages/RegisterPage';
|
||||
|
||||
const router = createBrowserRouter([
|
||||
{
|
||||
path: "/",
|
||||
element: <App />
|
||||
element: <MainPage />,
|
||||
},
|
||||
])
|
||||
{
|
||||
path: "/register",
|
||||
element: <RegisterPage />,
|
||||
},
|
||||
]);
|
||||
|
||||
const darkTheme = createTheme({
|
||||
palette: {
|
||||
mode: 'dark',
|
||||
},
|
||||
typography: {
|
||||
fontFamily: 'Poppins, sans-serif',
|
||||
},
|
||||
});
|
||||
|
||||
ReactDOM.render(
|
||||
<React.StrictMode>
|
||||
<div className="App">
|
||||
<ThemeProvider theme={darkTheme}>
|
||||
<RouterProvider router={router} />
|
||||
</ThemeProvider>
|
||||
</div>
|
||||
</React.StrictMode>,
|
||||
document.getElementById('root')
|
||||
);
|
||||
|
|
5
frontend/src/pages/RegisterPage.jsx
Normal file
5
frontend/src/pages/RegisterPage.jsx
Normal file
|
@ -0,0 +1,5 @@
|
|||
const RegisterPage = () => {
|
||||
return <></>;
|
||||
};
|
||||
|
||||
export default RegisterPage;
|
Loading…
Reference in a new issue