You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
49 lines
1.0 KiB
49 lines
1.0 KiB
import { lazy } from 'react'
|
|
|
|
import {
|
|
Route,
|
|
Redirect,
|
|
Switch,
|
|
} from 'react-router-dom'
|
|
|
|
import styled from 'styled-components/macro'
|
|
|
|
import { PAGES } from 'config'
|
|
import { publicLexics } from 'config/lexics/public'
|
|
|
|
import { useLexicsConfig } from 'features/LexicsStore'
|
|
import { LanguageSelect } from 'features/LanguageSelect'
|
|
import { HeaderStyled, HeaderGroup } from 'features/ProfileHeader/styled'
|
|
|
|
const Login = lazy(() => import('features/Login'))
|
|
const Register = lazy(() => import('features/Register'))
|
|
|
|
const Main = styled.main`
|
|
width: 100%;
|
|
`
|
|
|
|
export const UnauthenticatedApp = () => {
|
|
useLexicsConfig(publicLexics)
|
|
|
|
return (
|
|
<Main>
|
|
<HeaderStyled>
|
|
<HeaderGroup />
|
|
<HeaderGroup>
|
|
<LanguageSelect />
|
|
</HeaderGroup>
|
|
</HeaderStyled>
|
|
<Switch>
|
|
<Route path={PAGES.login}>
|
|
<Login />
|
|
</Route>
|
|
|
|
<Route path={PAGES.register}>
|
|
<Register />
|
|
</Route>
|
|
|
|
<Redirect to={PAGES.login} />
|
|
</Switch>
|
|
</Main>
|
|
)
|
|
}
|
|
|