Fix join awtis

components/awtis/mizik-lis.js

@@ -48,7 +48,7 @@ export default function MizikLis({meteEsMobilOuve, niAwtis, teks, slugTeksChwazi
           selected={slugTeksChwazi === slug}
           onClick={() => handleClick(slug)}
         >
-          <ListItemText primary={tit} secondary={niAwtis ? awtis.map(a => a.alias).join() : null} />
+          <ListItemText primary={tit} secondary={niAwtis ? awtis.map(a => a.alias).join(', ') : null} />
           {okiMizikID && (
             <LibraryMusicIcon style={{fontSize: 40}} color='primary' />
           )}

components/teks/drawer-bar.js

@@ -36,7 +36,7 @@ const getMizikFiltered = (teks, filter) => {
     })
 
     const filteredAlias = teks.filter(({awtis}) => {
-      const aliasLis = awtis.map(({alias}) => deburr(alias)).join()
+      const aliasLis = awtis.map(({alias}) => deburr(alias)).join(', ')
       return aliasLis.toLowerCase().includes(deburr(filter.toLowerCase()))
     })
 

components/teks/teks-kat.js

@@ -49,7 +49,7 @@ export default function TeksKat({teks}) {
               {tit}
             </Typography>
             <Typography variant='body2' color='textSecondary' component='p'>
-              {awtis.map(a => a.alias).join()}
+              {awtis.map(a => a.alias).join(', ')}
             </Typography>
             <Typography variant='body2' color='textSecondary' component='p'>
               {lanne}