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.
33 lines
741 B
33 lines
741 B
import React from 'react'
|
|
|
|
import styled from 'styled-components/macro'
|
|
|
|
import { Logo } from 'features/Logo'
|
|
import { CenterBlock } from 'features/Login/styled'
|
|
import { useAuthStore } from 'features/AuthStore'
|
|
|
|
// временные компоненты
|
|
const TempContainer = styled.div`
|
|
margin-top: 50px;
|
|
color: white;
|
|
font-size: 20px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
`
|
|
|
|
const TempPageTitle = styled.span`
|
|
margin: 20px 0;
|
|
`
|
|
|
|
export const HomePage = () => {
|
|
const { logout } = useAuthStore()
|
|
return (
|
|
<CenterBlock>
|
|
<Logo />
|
|
<TempContainer>
|
|
<TempPageTitle>HOME PAGE</TempPageTitle>
|
|
<button type='button' onClick={logout}>Logout</button>
|
|
</TempContainer>
|
|
</CenterBlock>
|
|
)
|
|
}
|
|
|