feat: display stream links on teks

components/teks/teks.js

@@ -20,6 +20,7 @@ import {formatKuveti} from '../../lib/kuveti'
 
 import LicenseModal from '../cc/license-modal'
 import FilesDialog from '../files/files-dialog'
+import {StreamButton} from '../streaming-buttons'
 import EntegreMizik from './entegre-mizik'
 import OkiMizik from './oki-mizik'
 import DiferansDialog from './diferans-dialog'
@@ -217,6 +218,18 @@ export default function Teks({parole}) {
         {parole?.difference?.length > 0 && (
           <DiferansDialog difference={parole.difference} />
         )}
+        {parole.streamAudio?.length > 0 && (
+          <Box sx={{mt: 2, mb: 1}}>
+            <Typography variant='overline' sx={{color: 'text.secondary', display: 'block', mb: 1}}>
+              Écouter sur
+            </Typography>
+            <Box sx={{display: 'flex', flexWrap: 'wrap', justifyContent: 'center', gap: 1}}>
+              {parole.streamAudio.map((lyen, i) => (
+                <StreamButton key={i} lyen={lyen} />
+              ))}
+            </Box>
+          </Box>
+        )}
       </Box>
       <Grid container justifycontent='center' spacing={1}>
         <Grid size={{xs: 12, md: langArray.length > 0 ? 6 : null}}>