Adapt all Awtis components to new api

components/awtis/mizik-lis.js

@@ -12,17 +12,17 @@ const useStyles = makeStyles(theme => ({
   }
 }))
 
-export default function MizikLis({setMobileOpen, hasAwtis, miziks, selectedMizikSlug, setSelectedMizikSlug}) {
+export default function MizikLis({setMobileOpen, niAwtis, teks, slugTeksChwazi, meteSlugTeksChwazi}) {
   const classes = useStyles()
   const router = useRouter()
 
   const handleClick = slug => {
-    if (setSelectedMizikSlug) {
-      setSelectedMizikSlug(slug)
+    if (meteSlugTeksChwazi) {
+      meteSlugTeksChwazi(slug)
     }
 
-    if (slug !== selectedMizikSlug) {
-      if (hasAwtis) {
+    if (slug !== slugTeksChwazi) {
+      if (niAwtis) {
         router.push(`/teks/${slug}`).then(() => window.scrollTo(0, 0))
       } else {
         router.push(`/teks/${slug}#${slug}`).then(() => window.scrollTo(0, 0))
@@ -36,15 +36,15 @@ export default function MizikLis({setMobileOpen, hasAwtis, miziks, selectedMizik
 
   return (
     <List component='nav' className={classes.root} aria-label='mizik'>
-      {miziks.map(({slug, titre, awtis}) => (
+      {teks.map(({slug, tit, awtis}) => (
         <ListItem
           key={slug}
           button
           id={slug}
-          selected={selectedMizikSlug === slug}
+          selected={slugTeksChwazi === slug}
           onClick={() => handleClick(slug)}
         >
-          <ListItemText primary={titre} secondary={hasAwtis ? awtis.map(a => a.alias).join() : null} />
+          <ListItemText primary={tit} secondary={niAwtis ? awtis.map(a => a.alias).join() : null} />
         </ListItem>
       ))}
     </List>
@@ -53,15 +53,15 @@ export default function MizikLis({setMobileOpen, hasAwtis, miziks, selectedMizik
 
 MizikLis.propTypes = {
   setMobileOpen: PropTypes.func,
-  hasAwtis: PropTypes.bool,
-  miziks: PropTypes.array.isRequired,
-  selectedMizikSlug: PropTypes.string,
-  setSelectedMizikSlug: PropTypes.func
+  niAwtis: PropTypes.bool,
+  teks: PropTypes.array.isRequired,
+  slugTeksChwazi: PropTypes.string,
+  meteSlugTeksChwazi: PropTypes.func
 }
 
 MizikLis.defaultProps = {
   setMobileOpen: null,
-  hasAwtis: false,
-  selectedMizikSlug: null,
-  setSelectedMizikSlug: null
+  niAwtis: false,
+  slugTeksChwazi: null,
+  meteSlugTeksChwazi: null
 }