46 lines
1.1 KiB
JavaScript
46 lines
1.1 KiB
JavaScript
import { Box, Button, Container, Typography } from '@mui/joy'
|
|
import { useEffect } from 'react'
|
|
import { useNavigate } from 'react-router-dom'
|
|
|
|
import { useState } from 'react'
|
|
import Logo from '../Logo'
|
|
const Home = () => {
|
|
const Navigate = useNavigate()
|
|
const getCurrentUser = () => {
|
|
return JSON.parse(localStorage.getItem('user'))
|
|
}
|
|
const [users, setUsers] = useState([])
|
|
const [currentUser, setCurrentUser] = useState(getCurrentUser())
|
|
|
|
useEffect(() => {}, [])
|
|
|
|
return (
|
|
<Container className='flex h-full items-center justify-center'>
|
|
<Box className='flex flex-col items-center justify-center'>
|
|
<Logo />
|
|
<Typography level='h1'>
|
|
Done
|
|
<span
|
|
style={{
|
|
color: '#06b6d4',
|
|
}}
|
|
>
|
|
tick
|
|
</span>
|
|
</Typography>
|
|
</Box>
|
|
<Box className='flex flex-col items-center justify-center' mt={10}>
|
|
<Button
|
|
sx={{ mt: 1 }}
|
|
onClick={() => {
|
|
Navigate('/my/chores')
|
|
}}
|
|
>
|
|
Get Started!
|
|
</Button>
|
|
</Box>
|
|
</Container>
|
|
)
|
|
}
|
|
|
|
export default Home
|