Cédric FAMIBELLE-PRONZOLA
55 lines
1.6 KiB
JavaScript
55 lines
1.6 KiB
JavaScript
import PropTypes from 'prop-types'
|
||
import {Container, Typography, Box} from '@mui/material'
|
||
|
||
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'
|
||
import {jwennDenyeTeks} from '../lib/oki-api'
|
||
|
||
export default function Home({teks}) {
|
||
return (
|
||
<HeadLayout tab={0}>
|
||
<Box sx={{display: 'flex', flexDirection: 'column', minHeight: '100vh'}}>
|
||
<Box sx={{flexGrow: 1, marginBottom: 3}}>
|
||
<Container sx={{marginBottom: 3}} 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 actualités
|
||
</Typography>
|
||
</Container>
|
||
<Container align='center'>
|
||
<RezoDialog />
|
||
</Container>
|
||
</Box>
|
||
<Container align='center'>
|
||
<Typography sx={{fontWeight: 'bold'}} variant='h6' component='h2'>
|
||
⬇️ Derniers textes publiés ⬇️
|
||
</Typography>
|
||
</Container>
|
||
<DenyeTeks {...teks} />
|
||
<Footer />
|
||
</Box>
|
||
</HeadLayout>
|
||
)
|
||
}
|
||
|
||
export async function getServerSideProps() {
|
||
const denyeTeks = await jwennDenyeTeks()
|
||
|
||
return {
|
||
props: {
|
||
teks: denyeTeks
|
||
}
|
||
}
|
||
}
|
||
|
||
Home.propTypes = {
|
||
teks: PropTypes.array.isRequired
|
||
}
|