Change teks to parole

components/teks/drawer-bar.js

@@ -44,15 +44,15 @@ const Root = styled('div')((
   }
 }))
 
-const getMizikFiltered = (teks, filter) => {
-  if (teks) {
-    const filteredTitre = teks.filter(({tit}) => {
-      const deburredTit = deburr(tit)
+const getMizikFiltered = (paroles, filter) => {
+  if (paroles) {
+    const filteredTitre = paroles.filter(({attributes}) => {
+      const deburredTit = deburr(attributes.titre)
       return deburredTit.toLowerCase().includes(deburr(filter.toLowerCase()))
     })
 
-    const filteredAlias = teks.filter(({awtis}) => {
-      const aliasLis = awtis.map(({alias}) => deburr(alias)).join(', ')
+    const filteredAlias = paroles.filter(({attributes}) => {
+      const aliasLis = attributes.artistes.data.map(({attributes}) => deburr(attributes.alias)).join(', ')
       return aliasLis.toLowerCase().includes(deburr(filter.toLowerCase()))
     })
 
@@ -60,13 +60,13 @@ const getMizikFiltered = (teks, filter) => {
   }
 }
 
-export default function DrawerBar({meteEsMobilOuve, teks, anTeks}) {
-  const slug = anTeks ? anTeks.slug : null
+export default function DrawerBar({meteEsMobilOuve, paroles, parole}) {
+  const slug = parole ? parole.slug : null
 
   const [search, setSearch] = useState('')
   const [slugTeksChwazi, meteSlugTeksChwazi] = useState(slug)
 
-  const mizikFiltered = getMizikFiltered(teks, search)
+  const mizikFiltered = getMizikFiltered(paroles, search)
 
   const handleSearch = event => {
     event.preventDefault()
@@ -94,7 +94,7 @@ export default function DrawerBar({meteEsMobilOuve, teks, anTeks}) {
         <MizikLis
           niAwtis
           meteEsMobilOuve={meteEsMobilOuve}
-          teks={mizikFiltered}
+          paroles={mizikFiltered}
           slugTeksChwazi={slugTeksChwazi}
           meteSlugTeksChwazi={meteSlugTeksChwazi}
         />
@@ -105,11 +105,11 @@ export default function DrawerBar({meteEsMobilOuve, teks, anTeks}) {
 
 DrawerBar.propTypes = {
   meteEsMobilOuve: PropTypes.func,
-  teks: PropTypes.array.isRequired,
-  anTeks: PropTypes.object
+  paroles: PropTypes.array.isRequired,
+  parole: PropTypes.object
 }
 
 DrawerBar.defaultProps = {
   meteEsMobilOuve: null,
-  anTeks: null
+  parole: null
 }