Change teks to parole

components/awtis/mizik-lis.js

@@ -27,7 +27,7 @@ const StyledList = styled(List)((
   }
 }))
 
-export default function MizikLis({meteEsMobilOuve, niAwtis, teks, slugTeksChwazi, meteSlugTeksChwazi}) {
+export default function MizikLis({meteEsMobilOuve, niAwtis, paroles, slugTeksChwazi, meteSlugTeksChwazi}) {
   const router = useRouter()
 
   const handleClick = slug => {
@@ -50,22 +50,22 @@ export default function MizikLis({meteEsMobilOuve, niAwtis, teks, slugTeksChwazi
 
   return (
     <StyledList component='nav' className={classes.root} aria-label='mizik'>
-      {teks.map(({slug, tit, awtis, published_at, okiMizikID, eksplisit}) => (
+      {paroles.map(({id, attributes}) => (
         <ListItem
-          key={slug}
+          key={id}
           button
-          id={slug}
-          selected={slugTeksChwazi === slug}
-          onClick={() => handleClick(slug)}
+          id={attributes.slug}
+          selected={slugTeksChwazi === attributes.slug}
+          onClick={() => handleClick(attributes.slug)}
         >
-          <ListItemText primary={tit} secondary={niAwtis ? new Intl.ListFormat('fr').format(awtis.map(({alias}) => alias)) : null} />
-          {eksplisit && (
+          <ListItemText primary={attributes.titre} secondary={niAwtis ? new Intl.ListFormat('fr').format(attributes.artistes.data.map(({attributes}) => attributes.alias)) : null} />
+          {attributes.explicite && (
             <ExplicitIcon style={{marginRight: 5}} color='secondary' />
           )}
-          {okiMizikID && (
+          {attributes.okiMizikID && (
             <LibraryMusicIcon style={{fontSize: 40}} color='primary' />
           )}
-          {esBrandNew(published_at) && (
+          {esBrandNew(attributes.publishedAt) && (
             <FiberNewOutlinedIcon style={{fontSize: 40}} color='primary' />
           )}
         </ListItem>
@@ -77,7 +77,7 @@ export default function MizikLis({meteEsMobilOuve, niAwtis, teks, slugTeksChwazi
 MizikLis.propTypes = {
   meteEsMobilOuve: PropTypes.func,
   niAwtis: PropTypes.bool,
-  teks: PropTypes.array.isRequired,
+  paroles: PropTypes.array.isRequired,
   slugTeksChwazi: PropTypes.string,
   meteSlugTeksChwazi: PropTypes.func
 }