Prevent display error when no parole for an artist

components/awtis/awtis-detay.js

@@ -84,6 +84,9 @@ export default function AwtisDetay({anAwtis}) {
                   <MizikLis paroles={sortedTeks} />
                 </AccordionDetails>
               </Accordion>
+            ) : (
+              paroles.data.length === 0 ? (
+                <Typography gutterBottom textAlign='center' variant='body1' component='h2'><strong>Aucune parole pour le moment</strong></Typography>
               ) : (
                 <>
                   <Typography gutterBottom textAlign='center' variant='body1' component='h2'><strong>Parole</strong></Typography>
@@ -91,6 +94,7 @@ export default function AwtisDetay({anAwtis}) {
                     <MizikLis paroles={paroles.data} />
                   </Paper>
                 </>
+              )
             )}
           </Box>
         </Grid>

components/awtis/awtis-kat.js

@@ -86,11 +86,12 @@ export default function AwtisKat({artiste}) {
                 {alias}
               </Typography>
               <Typography align='center' variant='body2' color='textSecondary' component='h5'>
-                {`${paroles.data.length} ${paroles.data.length > 1 ? 'paroles' : 'parole'}`}
+                {`${paroles.data.length === 0 ? 'Aucune parole pour le moment' : `${paroles.data.length} ${paroles.data.length > 1 ? 'paroles' : 'parole'}`}`}
               </Typography>
             </CardContent>
           </CardActionArea>
 
+          {paroles.data.length > 0 && (
             <CardActions disableSpacing>
               <IconButton
                 className={clsx(classes.expand, {
@@ -104,6 +105,7 @@ export default function AwtisKat({artiste}) {
                 <ExpandMoreIcon />
               </IconButton>
             </CardActions>
+          )}
           <Collapse unmountOnExit in={expanded} timeout='auto'>
             <CardContent>
               <MizikLis paroles={paroles.data} />