From 66fea43b256402efac985d853c0a864fa95397f0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Fri, 11 Dec 2020 01:48:25 +0100
Subject: [PATCH] Create MizikLis component

---
 components/awtis/mizik-lis.js | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 components/awtis/mizik-lis.js

diff --git a/components/awtis/mizik-lis.js b/components/awtis/mizik-lis.js
new file mode 100644
index 0000000..e572712
--- /dev/null
+++ b/components/awtis/mizik-lis.js
@@ -0,0 +1,33 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import {makeStyles} from '@material-ui/core/styles'
+import List from '@material-ui/core/List'
+import ListItem from '@material-ui/core/ListItem'
+import ListItemText from '@material-ui/core/ListItemText'
+
+const useStyles = makeStyles(theme => ({
+  root: {
+    width: '100%',
+    maxWidth: 360,
+    backgroundColor: theme.palette.background.paper
+  }
+}))
+
+export default function MizikLis({miziks}) {
+  const classes = useStyles()
+
+  return (
+    <List component='nav' className={classes.root} aria-label='mizik'>
+      {miziks.map(m => (
+        <ListItem key={m._id} button>
+          <ListItemText primary={m.titre} />
+        </ListItem>
+      ))}
+    </List>
+  )
+}
+
+MizikLis.propTypes = {
+  miziks: PropTypes.array.isRequired
+}