Add TeksKat to DenyeTeks

components/teks/denye-teks.js

@@ -1,17 +1,28 @@
-import {makeStyles} from '@material-ui/core'
+import {Container, Grid, makeStyles} from '@material-ui/core'
+
+import TeksKat from './teks-kat'
 
 const useStyles = makeStyles(() => ({
   container: {
-    marginTop: '2em'
+    marginTop: '3em'
   }
 }))
 
-export default function DenyeTeks() {
+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}>
-      Dènyé Tèks
+      <Container>
+        <Grid container spacing={3}>
+          {sortedMiziksByPublishedAt.map(m => <TeksKat key={m._id} teks={m} />)}
+        </Grid>
+      </Container>
     </div>
   )
 }