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
 }