From c3a6fa369112a3973b82070e1d2907712c50585c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@live.fr>
Date: Wed, 11 May 2022 03:11:40 +0400
Subject: [PATCH] Sort teks in MizikBadjMeni

---
 components/awtis/mizik-badj-meni.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/awtis/mizik-badj-meni.js b/components/awtis/mizik-badj-meni.js
index 18c43b3..e27a437 100644
--- a/components/awtis/mizik-badj-meni.js
+++ b/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>