From 2a121b7f0c1724c4342d40288cd8356ffcf1da0e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Thu, 17 Dec 2020 09:06:05 +0100
Subject: [PATCH] Add TeksKat to DenyeTeks

---
 components/teks/denye-teks.js | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/components/teks/denye-teks.js b/components/teks/denye-teks.js
index 6296745..d993bab 100644
--- a/components/teks/denye-teks.js
+++ b/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>
   )
 }