From 75db8e34d14eae13d9da86468726f242f8c0a726 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Tue, 12 Jan 2021 21:58:08 +0100
Subject: [PATCH] Add OkiMizik to TeksDrawer

---
 components/teks/teks-drawer.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/teks/teks-drawer.js b/components/teks/teks-drawer.js
index 5bef72a..3f5c1ea 100644
--- a/components/teks/teks-drawer.js
+++ b/components/teks/teks-drawer.js
@@ -22,6 +22,7 @@ import {makeStyles, useTheme} from '@material-ui/core/styles'
 import DrawerBar from './drawer-bar'
 import DenyeTeks from './denye-teks'
 import VweKouteAchte from './vwe-koute-achte'
+import OkiMizik from './oki-mizik'
 
 const drawerWidth = 240
 
@@ -182,9 +183,12 @@ export default function TeksDrawer({teks, anTeks}) {
       <main className={classes.content}>
         {anTeks ? (
           <>
-            <Typography noWrap align='center' style={{marginTop: '0.5em'}} variant='h3'>
+            <Typography noWrap align='center' style={{marginTop: '0.8em'}} variant='h4'>
               {anTeks.tit}
             </Typography>
+            {anTeks.okiMizikID && (
+              <OkiMizik id={anTeks.okiMizikID} />
+            )}
             <Grid container className={classes.grid} spacing={3}>
               <Grid item md className={classes.gridText}>
                 <Typography align='center' className={classes.text} variant='h4'>