diff --git a/components/awtis/mizik-lis.js b/components/awtis/mizik-lis.js index 9c637ab..98b5244 100644 --- a/components/awtis/mizik-lis.js +++ b/components/awtis/mizik-lis.js @@ -58,7 +58,7 @@ export default function MizikLis({meteEsMobilOuve, niAwtis, teks, slugTeksChwazi selected={slugTeksChwazi === slug} onClick={() => handleClick(slug)} > - a.alias).join(', ') : null} /> + alias)) : null} /> {eksplisit && ( )} diff --git a/components/teks/lekte.js b/components/teks/lekte.js index 6506d3a..17a96af 100644 --- a/components/teks/lekte.js +++ b/components/teks/lekte.js @@ -58,6 +58,7 @@ export default function Lekte({audio, url, teks}) { const [position, setPosition] = useState(0) const [volume, setVolume] = useState(100) const [isPlaying, setIsPlaying] = useState(false) + const awtis = teks.awtis.map(({alias}) => alias) function formatDuration(value) { const minute = Math.floor(value / 60) @@ -146,7 +147,7 @@ export default function Lekte({audio, url, teks}) { - {teks.awtis.map(a => a.alias).join(', ')} + {new Intl.ListFormat('fr').format(awtis)} diff --git a/components/teks/pataje.js b/components/teks/pataje.js index ab4810f..1748dd7 100644 --- a/components/teks/pataje.js +++ b/components/teks/pataje.js @@ -37,7 +37,8 @@ export default function Pataje({teks, setError, setSuccess}) { const [open, setOpen] = useState(false) const patajeUrl = `${SITE_URL}/teks/${slug}#${slug}` - const renderAwtis = awtis.map(a => a.alias).join(', ') + const alias = awtis.map(({alias}) => alias) + const renderAwtis = new Intl.ListFormat('fr').format(alias) const text = teks.user ? `${renderAwtis} - ${tit} (Pawòl) - (texte soumis par ${teks.user.username})` : `${renderAwtis} - ${tit} (Pawòl)` const twitterUrl = 'https://twitter.com/intent/tweet' diff --git a/components/teks/teks-kat.js b/components/teks/teks-kat.js index a52ab6e..df28654 100644 --- a/components/teks/teks-kat.js +++ b/components/teks/teks-kat.js @@ -35,6 +35,7 @@ export default function TeksKat({teks}) { const noImageUrl = 'https://place-hold.it/140x140?text=Pa%20ni%20imaj' const {tit, awtis, lanne, kouveti, published_at, slug} = teks const datPiblikasyon = format(new Date(published_at), 'P', {locale: fr}) + const alias = awtis.map(({alias}) => alias) const handleClick = slug => { router.push(`/teks/${slug}#${slug}`).then(() => window.scrollTo(0, 0)) @@ -66,7 +67,7 @@ export default function TeksKat({teks}) { )} - {awtis.map(a => a.alias).join(', ')} + {new Intl.ListFormat('fr').format(alias)} {lanne} diff --git a/components/teks/teks.js b/components/teks/teks.js index 8354375..ba6dbbe 100644 --- a/components/teks/teks.js +++ b/components/teks/teks.js @@ -118,6 +118,7 @@ export default function Teks({anTeks, komante, open, success, error, setSuccess, const isMobile = useMediaQuery('(max-width:800px)') const {data: session} = useSession() const langArray = langToArray(anTeks) + const awtis = anTeks.awtis.map(({alias}) => alias) return ( @@ -127,7 +128,7 @@ export default function Teks({anTeks, komante, open, success, error, setSuccess, - {anTeks.awtis.map(a => a.alias).join(', ')} + {new Intl.ListFormat('fr').format(awtis)} {anTeks.tit} diff --git a/pages/teks/[slug].js b/pages/teks/[slug].js index a304bf6..163c5ad 100644 --- a/pages/teks/[slug].js +++ b/pages/teks/[slug].js @@ -5,7 +5,10 @@ import {jwennTeksEpiSlug, jwennTeks, jwennKomanteEpiTeksId} from '../../lib/oki- import TeksDrawer from '../../components/teks/teks-drawer' import HeadLayout from '../../components/head-layout' -const jwennAwtis = awtis => awtis.map(a => a.alias).join(', ') +const jwennAwtis = awtis => { + const alias = awtis.map(({alias}) => alias) + return new Intl.ListFormat('fr').format(alias) +} export default function SlugTeks({teks, anTeks, slug, komante}) { const awtis = anTeks.awtis.length === 1 ? anTeks.awtis[0].alias : jwennAwtis(anTeks.awtis)