Revize 8370b6c1
Přidáno uživatelem Václav Honzík před téměř 3 roky(ů)
| frontend/src/App.tsx | ||
|---|---|---|
| 1 |
import React, { CSSProperties } from 'react'
|
|
| 2 | 1 |
import './App.css' |
| 3 | 2 |
import { Routes, Route, Link } from 'react-router-dom'
|
| 4 | 3 |
import Home from './features/Home/Home' |
| 5 | 4 |
import Catalog from './features/Catalog/Catalog' |
| 6 | 5 |
import NotFound from './features/NotFound/NotFound' |
| 7 |
import { Paper, Theme } from '@mui/material'
|
|
| 6 |
import { Container, Paper, Theme } from '@mui/material'
|
|
| 8 | 7 |
import { ThemeProvider } from '@emotion/react'
|
| 9 | 8 |
import { useSelector } from 'react-redux'
|
| 10 | 9 |
import { RootState } from './features/redux/store'
|
| 11 |
import { createTheme } from '@mui/material/styles'
|
|
| 10 |
import Login from './features/Auth/Login'
|
|
| 12 | 11 |
|
| 13 | 12 |
const App = () => {
|
| 14 | 13 |
const theme: Theme = useSelector((state: RootState) => state.theme.theme) |
| 15 | 14 |
|
| 15 |
// TODO remove this its only for debug |
|
| 16 |
const user = useSelector((state: RootState) => state.user) |
|
| 17 |
|
|
| 16 | 18 |
return ( |
| 17 | 19 |
<ThemeProvider theme={theme}>
|
| 20 |
<p>{JSON.stringify(user)}</p>
|
|
| 18 | 21 |
<Paper style={{ minHeight: '100vh', borderRadius: 0 }}>
|
| 19 | 22 |
<nav> |
| 20 |
<Link to="/">Home</Link> |
|
| 21 |
<Link to="/catalog">Catalog</Link> |
|
| 23 |
<Link to="/">Home </Link> |
|
| 24 |
<Link to="/catalog">Catalog </Link> |
|
| 25 |
<Link to="/login">Login </Link> |
|
| 22 | 26 |
</nav> |
| 23 |
<Routes> |
|
| 24 |
<Route path="/" element={<Home />} />
|
|
| 25 |
<Route path="/catalog" element={<Catalog />} />
|
|
| 26 |
<Route path="*" element={<NotFound />} />
|
|
| 27 |
</Routes> |
|
| 27 |
<Container> |
|
| 28 |
<Routes> |
|
| 29 |
<Route path="/" element={<Home />} />
|
|
| 30 |
<Route path="/catalog" element={<Catalog />} />
|
|
| 31 |
<Route path="/login" element={<Login />} />
|
|
| 32 |
<Route path="*" element={<NotFound />} />
|
|
| 33 |
</Routes> |
|
| 34 |
</Container> |
|
| 28 | 35 |
</Paper> |
| 29 | 36 |
</ThemeProvider> |
| 30 | 37 |
) |
Také k dispozici: Unified diff
login simple form impl + slice for user state