From 01c13dac48ceb02eb566d49b302f19aa9f9c2909 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <cedric@livingdata.co>
Date: Thu, 27 Oct 2022 19:36:52 +0400
Subject: [PATCH] Fix explicit lyrics display & move submit username

---
 components/awtis/mizik-lis.js |  2 +-
 components/teks/teks-kat.js   | 39 +++++++++++++++++++----------------
 2 files changed, 22 insertions(+), 19 deletions(-)

diff --git a/components/awtis/mizik-lis.js b/components/awtis/mizik-lis.js
index 381de8b..2dde3c7 100644
--- a/components/awtis/mizik-lis.js
+++ b/components/awtis/mizik-lis.js
@@ -60,7 +60,7 @@ export default function MizikLis({meteEsMobilOuve, niAwtis, paroles, slugTeksChw
           onClick={() => handleClick(attributes.slug)}
         >
           <ListItemText primary={attributes.titre} secondary={niAwtis ? getAlias(attributes.artistes, attributes.prioriteArtistes) : null} />
-          {attributes.explicite && (
+          {attributes.explicitLyrics && (
             <ExplicitIcon style={{marginRight: 5}} color='secondary' />
           )}
           {attributes.okiMizikID && (
diff --git a/components/teks/teks-kat.js b/components/teks/teks-kat.js
index a2a863b..0248ba5 100644
--- a/components/teks/teks-kat.js
+++ b/components/teks/teks-kat.js
@@ -8,7 +8,8 @@ import {
   CardContent,
   CardMedia,
   Typography,
-  Grid
+  Grid,
+  Box
 } from '@mui/material'
 import ExplicitIcon from '@mui/icons-material/Explicit'
 import {styled} from '@mui/material/styles'
@@ -59,30 +60,32 @@ export default function TeksKat({parole}) {
             title={titre}
           />
           <CardContent>
-            <Typography display='inline' style={{marginRight: 5}} variant='h6' component='h2'>
-              {titre}
-            </Typography>
-            {parole.eksplisit && (
-              <ExplicitIcon style={{marginRight: 5}} color='secondary' fontSize='small' />
-            )}
-            <Typography variant='caption'>
-              {parole.user && (
-                <>
-                  (<i>parole soumise par {parole.user.username}</i>)
-                </>
+            <Box sx={{display: 'flex', alignItems: 'center'}}>
+              <Typography display='inline' style={{marginRight: 5}} variant='h6' component='h2'>
+                {titre}
+              </Typography>
+              {attributes.explicitLyrics && (
+                <ExplicitIcon style={{marginRight: 5}} color='secondary' fontSize='small' />
               )}
-              {parole.userAdmin && !parole.user && (
-                <>
-                  (<i>parole soumise par {parole.userAdmin}</i>)
-                </>
-              )}
-            </Typography>
+            </Box>
             <Typography variant='body2' color='textSecondary' component='p'>
               {aliases}
             </Typography>
             <Typography variant='body2' color='textSecondary' component='p'>
               {annee}
             </Typography>
+            <Typography sx={{fontStyle: 'italic'}} variant='caption'>
+              {attributes.user && (
+                <>
+                  (<i>parole soumise par {attributes.user.username}</i>)
+                </>
+              )}
+              {attributes.userAdmin && !attributes.user && (
+                <>
+                  (<i>parole soumise par {attributes.userAdmin}</i>)
+                </>
+              )}
+            </Typography>
             <Typography align='center' style={{marginTop: '0.5em'}} variant='body1' color='textSecondary' component='p'>
               Publiée le : {datPiblikasyon}
             </Typography>