Adapt all Teks components to new api

components/teks/drawer-bar.js

@@ -27,13 +27,13 @@ const useStyles = makeStyles(theme => ({
   }
 }))
 
-const getMizikFiltered = (miziks, filter) => {
-  if (miziks) {
-    const filteredTitre = miziks.filter(({titre}) => {
-      return titre.toLowerCase().includes(filter.toLowerCase())
+const getMizikFiltered = (teks, filter) => {
+  if (teks) {
+    const filteredTitre = teks.filter(({tit}) => {
+      return tit.toLowerCase().includes(filter.toLowerCase())
     })
 
-    const filteredAlias = miziks.filter(({awtis}) => {
+    const filteredAlias = teks.filter(({awtis}) => {
       const aliasLis = awtis.map(({alias}) => alias).join()
       return aliasLis.toLowerCase().includes(filter.toLowerCase())
     })
@@ -42,14 +42,14 @@ const getMizikFiltered = (miziks, filter) => {
   }
 }
 
-export default function DrawerBar({setMobileOpen, miziks, mizik}) {
-  const slug = mizik ? mizik[0].slug : null
+export default function DrawerBar({setMobileOpen, teks, anTeks}) {
+  const slug = anTeks ? anTeks.slug : null
   const classes = useStyles()
 
   const [search, setSearch] = useState('')
-  const [selectedMizikSlug, setSelectedMizikSlug] = useState(slug)
+  const [slugTeksChwazi, meteSlugTeksChwazi] = useState(slug)
 
-  const mizikFiltered = getMizikFiltered(miziks, search)
+  const mizikFiltered = getMizikFiltered(teks, search)
 
   const handleSearch = event => {
     event.preventDefault()
@@ -75,11 +75,11 @@ export default function DrawerBar({setMobileOpen, miziks, mizik}) {
       <Divider />
       <div className={classes.list}>
         <MizikLis
-          hasAwtis
+          niAwtis
           setMobileOpen={setMobileOpen}
-          miziks={mizikFiltered}
-          selectedMizikSlug={selectedMizikSlug}
-          setSelectedMizikSlug={setSelectedMizikSlug}
+          teks={mizikFiltered}
+          slugTeksChwazi={slugTeksChwazi}
+          meteSlugTeksChwazi={meteSlugTeksChwazi}
         />
       </div>
     </div>
@@ -88,11 +88,11 @@ export default function DrawerBar({setMobileOpen, miziks, mizik}) {
 
 DrawerBar.propTypes = {
   setMobileOpen: PropTypes.func,
-  miziks: PropTypes.array.isRequired,
-  mizik: PropTypes.array
+  teks: PropTypes.array.isRequired,
+  anTeks: PropTypes.object
 }
 
 DrawerBar.defaultProps = {
   setMobileOpen: null,
-  mizik: null
+  anTeks: null
 }