Files
pawol.nu/components/teks/denye-teks.js
T
2020-12-17 09:06:05 +01:00

29 lines
717 B
JavaScript

import {Container, Grid, makeStyles} from '@material-ui/core'
import TeksKat from './teks-kat'
const useStyles = makeStyles(() => ({
container: {
marginTop: '3em'
}
}))
export default function DenyeTeks(miziks) {
const classes = useStyles()
const sortedMiziksByPublishedAt = Object.values(miziks).sort((a, b) => {
const aDate = new Date(a.published_at)
const bDate = new Date(b.published_at)
return bDate.getTime() - aDate.getTime()
}).slice(0, 6)
return (
<div className={classes.container}>
<Container>
<Grid container spacing={3}>
{sortedMiziksByPublishedAt.map(m => <TeksKat key={m._id} teks={m} />)}
</Grid>
</Container>
</div>
)
}