From b88eb756d376f9c1a9c41af5ae48a915f180cd2b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@live.fr>
Date: Sat, 25 Sep 2021 21:48:35 +0200
Subject: [PATCH] Add awtis alias to teks

---
 components/teks/teks-drawer.js | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/components/teks/teks-drawer.js b/components/teks/teks-drawer.js
index 8c9bc91..fa79515 100644
--- a/components/teks/teks-drawer.js
+++ b/components/teks/teks-drawer.js
@@ -288,13 +288,18 @@ export default function TeksDrawer({teks, anTeks, komante}) {
               <Pataje teks={anTeks} setError={setError} setSuccess={setSuccess} />
             </div>
             <Box align='center'>
-              <Typography style={{marginTop: '0.8em'}} variant='h4'>
-                {anTeks.tit}
-                {anTeks.eksplisit && (
-                  <ExplicitTooltip title='Explicit Lyrics' placement='bottom' TransitionComponent={Zoom}>
-                    <ExplicitIcon style={{marginLeft: 10}} color='secondary' />
-                  </ExplicitTooltip>
-                )}
+              <Typography style={{marginTop: '0.8em'}} variant='h4' display='block'>
+                <Typography gutterBottom variant='h6'>
+                  {anTeks.awtis.map(a => a.alias).join(', ')}
+                </Typography>
+                <Typography variant='h5'>
+                  {anTeks.tit}
+                  {anTeks.eksplisit && (
+                    <ExplicitTooltip title='Explicit Lyrics' placement='bottom' TransitionComponent={Zoom}>
+                      <ExplicitIcon style={{marginLeft: 10}} color='secondary' />
+                    </ExplicitTooltip>
+                  )}
+                </Typography>
                 {komante && (
                   <VweKomante komante={komante} teks={anTeks} />
                 )}