Filter awtis in search

components/teks/drawer-bar.js

@@ -1,5 +1,6 @@
 import {useState} from 'react'
 import PropTypes from 'prop-types'
+import union from 'lodash.union'
 
 import {
   Divider,
@@ -28,7 +29,16 @@ const useStyles = makeStyles(theme => ({
 
 const getMizikFiltered = (miziks, filter) => {
   if (miziks) {
-    return miziks.filter(({titre}) => titre.toLowerCase().includes(filter.toLowerCase()))
+    const filteredTitre = miziks.filter(({titre}) => {
+      return titre.toLowerCase().includes(filter.toLowerCase())
+    })
+
+    const filteredAlias = miziks.filter(({awtis}) => {
+      const aliasLis = awtis.map(({alias}) => alias).join()
+      return aliasLis.toLowerCase().includes(filter.toLowerCase())
+    })
+
+    return union(filteredTitre, filteredAlias)
   }
 }
 
@@ -52,7 +62,7 @@ export default function DrawerBar({setMobileOpen, miziks, mizik}) {
       <FormControl className={classes.form}>
         <InputBase
           className={classes.toolbar}
-          placeholder='Chèché an tèks'
+          placeholder='Chèché...'
           startAdornment={
             <InputAdornment position='start'>
               <SearchIcon />