Revert "Change DenyeTeks commonent : add Skeleton feature"

This reverts commit 1711068f72.
This commit is contained in:
Cédric FAMIBELLE-PRONZOLA
2022-05-14 01:37:55 +04:00
parent 1711068f72
commit c27ccf7b17
4 changed files with 40 additions and 173 deletions
+21 -11
View File
@@ -1,4 +1,4 @@
import {useState} from 'react'
import PropTypes from 'prop-types'
import {Container, Typography, Box, Divider, Chip} from '@mui/material'
import ArrowCircleDownIcon from '@mui/icons-material/ArrowCircleDown'
@@ -6,10 +6,9 @@ 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() {
const [error, setError] = useState(null)
export default function Home({teks}) {
return (
<HeadLayout tab={0}>
<Box sx={{display: 'flex', flexDirection: 'column', minHeight: '100vh'}}>
@@ -29,13 +28,11 @@ export default function Home() {
<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>
<Divider variant='middle' sx={{marginBottom: 1}}>
<Chip sx={{fontWeight: 'bold'}} color='primary' icon={<ArrowCircleDownIcon />} label='Derniers textes publiés ' variant='outlined' />
</Divider>
<DenyeTeks {...teks} />
</Container>
<Footer />
</Box>
@@ -43,3 +40,16 @@ export default function Home() {
)
}
export async function getServerSideProps() {
const denyeTeks = await jwennDenyeTeks()
return {
props: {
teks: denyeTeks
}
}
}
Home.propTypes = {
teks: PropTypes.array.isRequired
}
+8 -5
View File
@@ -1,28 +1,31 @@
import PropTypes from 'prop-types'
import {jwennTeks} from '../../lib/oki-api'
import {jwennDenyeTeks, jwennTeks} from '../../lib/oki-api'
import TeksDrawer from '../../components/teks/teks-drawer'
import HeadLayout from '../../components/head-layout'
export default function Teks({teks}) {
export default function Teks({teks, denyeTeks}) {
return (
<HeadLayout title='Paroles et Traductions' tab={1} slug='paroles'>
<TeksDrawer teks={teks} />
<TeksDrawer teks={teks} denyeTeks={denyeTeks} />
</HeadLayout>
)
}
export async function getServerSideProps() {
const teks = await jwennTeks()
const denyeTeks = await jwennDenyeTeks()
return {
props: {
teks
teks,
denyeTeks
}
}
}
Teks.propTypes = {
teks: PropTypes.array.isRequired
teks: PropTypes.array.isRequired,
denyeTeks: PropTypes.array.isRequired
}