From eccbabf921922ce89a2e6423b546f00c700e4a29 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Sun, 7 Mar 2021 15:11:09 +0100
Subject: [PATCH] Fix join awtis

---
 components/awtis/mizik-lis.js | 2 +-
 components/teks/drawer-bar.js | 2 +-
 components/teks/teks-kat.js   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/awtis/mizik-lis.js b/components/awtis/mizik-lis.js
index aa83d69..f88f688 100644
--- a/components/awtis/mizik-lis.js
+++ b/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' />
           )}
diff --git a/components/teks/drawer-bar.js b/components/teks/drawer-bar.js
index fb4fc8e..15cbbd7 100644
--- a/components/teks/drawer-bar.js
+++ b/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()))
     })
 
diff --git a/components/teks/teks-kat.js b/components/teks/teks-kat.js
index 76b7467..eb5deea 100644
--- a/components/teks/teks-kat.js
+++ b/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}