Fix aliases error when featuring

components/teks/teks.js

@@ -13,7 +13,7 @@ import {styled} from '@mui/material/styles'
 import MuiAlert from '@mui/material/Alert'
 import ExplicitIcon from '@mui/icons-material/Explicit'
 
-import {formatJsonString} from '../../lib/utils/format'
+import {formatJsonString, getAlias} from '../../lib/utils/format'
 
 import VweKomante from '../komante/vwe-komante'
 
@@ -123,7 +123,7 @@ const ExplicitTooltip = Tooltip
 export default function Teks({parole, paroleId, commentaires, open, success, error, setSuccess, setError, handleClose}) {
   const isMobile = useMediaQuery('(max-width:800px)')
   const langArray = langToArray(parole)
-  const awtis = parole.artistes.data.map(({attributes}) => attributes.alias)
+  const aliases = getAlias(parole.artistes, parole.prioriteArtistes)
 
   return (
     <Root>
@@ -133,7 +133,7 @@ export default function Teks({parole, paroleId, commentaires, open, success, err
       <Box sx={{textAlign: 'center', marginTop: 9}}>
         <Typography style={{marginTop: '0.8em'}} variant='h4' component='div' display='block'>
           <Typography gutterBottom variant='h6' component='div'>
-            {new Intl.ListFormat('fr').format(awtis)}
+            {aliases}
           </Typography>
           <Typography variant='h5' component='div'>
             {parole.titre} <small>({parole?.annee})</small>