Prevent display error when no parole for an artist

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