Cédric FAMIBELLE-PRONZOLA
46 lines
1.6 KiB
JavaScript
46 lines
1.6 KiB
JavaScript
import {useState} from 'react'
|
|
import {Container, Typography, Box, Divider, Chip} from '@mui/material'
|
|
import ArrowCircleDownIcon from '@mui/icons-material/ArrowCircleDown'
|
|
|
|
import HeadLayout from '../components/head-layout'
|
|
import Footer from '../components/footer'
|
|
import RezoDialog from '../components/rezo/rezo-dialog'
|
|
import DenyeTeks from '../components/teks/denye-teks'
|
|
|
|
export default function Home() {
|
|
const [error, setError] = useState(null)
|
|
|
|
return (
|
|
<HeadLayout tab={0}>
|
|
<Box sx={{display: 'flex', flexDirection: 'column', minHeight: '100vh'}}>
|
|
<Box sx={{flexGrow: 1, marginBottom: 4}}>
|
|
<Container sx={{marginBottom: 2}} align='center'>
|
|
<Typography sx={{fontWeight: 'bold'}} variant='h6' component='h1'>
|
|
#OKi
|
|
</Typography>
|
|
<Typography sx={{fontWeight: 'bold'}} variant='h6' component='h2'>
|
|
Organisation KA Internationale
|
|
</Typography>
|
|
<Typography sx={{fontStyle: 'italic'}} variant='caption' component='h3'>
|
|
Paroles, traductions et Fediverse
|
|
</Typography>
|
|
</Container>
|
|
<Container align='center'>
|
|
<RezoDialog />
|
|
</Container>
|
|
</Box>
|
|
<Container sx={{flexGrow: 300}}>
|
|
{!error && (
|
|
<Divider variant='middle' sx={{marginBottom: 1}}>
|
|
<Chip sx={{fontWeight: 'bold'}} color='primary' icon={<ArrowCircleDownIcon />} label='Derniers textes publiés ' variant='outlined' />
|
|
</Divider>
|
|
)}
|
|
<DenyeTeks error={error} setError={setError} />
|
|
</Container>
|
|
<Footer />
|
|
</Box>
|
|
</HeadLayout>
|
|
)
|
|
}
|
|
|