Sort teks in MizikBadjMeni

components/awtis/mizik-badj-meni.js

@@ -37,10 +37,13 @@ const Root = styled('div')((
   }
 }))
 
+const sortTeks = teks => teks.sort((a, b) => b.id - a.id)
+
 export default function MizikBadjMeni({teks}) {
   const [open, setOpen] = useState(false)
   const anchorRef = useRef(null)
   const router = useRouter()
+  const sortedTeks = sortTeks(teks)
 
   const handleToggle = () => {
     setOpen(previousOpen_ => !previousOpen_)
@@ -102,7 +105,7 @@ export default function MizikBadjMeni({teks}) {
             <Paper>
               <ClickAwayListener onClickAway={handleClose}>
                 <MenuList autoFocusItem={open} id='menu-list-grow' onKeyDown={() => handleListKeyDown()}>
-                  {teks.map(t => <MenuItem key={t.id} onClick={() => handleClick(t.slug)}>{t.tit}</MenuItem>)}
+                  {sortedTeks.map(t => <MenuItem key={t.id} onClick={() => handleClick(t.slug)}>{t.tit}</MenuItem>)}
                 </MenuList>
               </ClickAwayListener>
             </Paper>