Change teks to parole

components/awtis/mizik-badj-meni.js

@@ -37,13 +37,13 @@ const Root = styled('div')((
   }
 }))
 
-const sortTeks = teks => teks.sort((a, b) => b.id - a.id)
+const sortTeks = paroles => paroles.sort((a, b) => b.id - a.id)
 
-export default function MizikBadjMeni({teks}) {
+export default function MizikBadjMeni({paroles}) {
   const [open, setOpen] = useState(false)
   const anchorRef = useRef(null)
   const router = useRouter()
-  const sortedTeks = sortTeks(teks)
+  const sortedTeks = sortTeks(paroles)
 
   const handleToggle = () => {
     setOpen(previousOpen_ => !previousOpen_)
@@ -90,7 +90,7 @@ export default function MizikBadjMeni({teks}) {
             vertical: 'top',
             horizontal: 'right'
           }}
-          badgeContent={teks.length}
+          badgeContent={paroles.length}
           color='primary'
         >
           <MenuBookIcon style={{fontSize: 30}} />
@@ -105,7 +105,7 @@ export default function MizikBadjMeni({teks}) {
             <Paper>
               <ClickAwayListener onClickAway={handleClose}>
                 <MenuList autoFocusItem={open} id='menu-list-grow' onKeyDown={() => handleListKeyDown()}>
-                  {sortedTeks.map(t => <MenuItem key={t.id} onClick={() => handleClick(t.slug)}>{t.tit}</MenuItem>)}
+                  {sortedTeks.map(({id, attributes}) => <MenuItem key={id} onClick={() => handleClick(attributes.slug)}>{attributes.titre}</MenuItem>)}
                 </MenuList>
               </ClickAwayListener>
             </Paper>
@@ -117,5 +117,5 @@ export default function MizikBadjMeni({teks}) {
 }
 
 MizikBadjMeni.propTypes = {
-  teks: PropTypes.array.isRequired
+  paroles: PropTypes.array.isRequired
 }

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
 }