Prevent display error when no parole for an artist

components/awtis/awtis-detay.js

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

components/awtis/awtis-kat.js

@@ -86,24 +86,26 @@ 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>
 
-          <CardActions disableSpacing>
+          {paroles.data.length > 0 && (
-            <IconButton
+            <CardActions disableSpacing>
-              className={clsx(classes.expand, {
+              <IconButton
-                [classes.expandOpen]: expanded
+                className={clsx(classes.expand, {
-              })}
+                  [classes.expandOpen]: expanded
-              aria-expanded={expanded}
+                })}
-              aria-label='show more'
+                aria-expanded={expanded}
-              size='large'
+                aria-label='show more'
-              onClick={handleExpandClick}
+                size='large'
-            >
+                onClick={handleExpandClick}
-              <ExpandMoreIcon />
+              >
-            </IconButton>
+                <ExpandMoreIcon />
-          </CardActions>
+              </IconButton>
+            </CardActions>
+          )}
           <Collapse unmountOnExit in={expanded} timeout='auto'>
             <CardContent>
               <MizikLis paroles={paroles.data} />