ORGANISATION-KA-INTERNATIONALE/pawol.nu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Optimize lekte component

Browse Source
This commit is contained in:
Cédric Famibelle-Pronzola
2026-04-16 13:55:20 +04:00
parent 32a0abae65
commit 1373e80d34
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/teks/lekte.js
+11 -3
View File
@@ -137,6 +137,14 @@ export default function Lekte({audio, url, parole}) {
audioRef.current.volume = value / 100
}
const imagePath = parole?.couverture?.data?.attributes?.formats?.thumbnail?.url
const width = parole?.couverture?.data?.attributes?.formats?.thumbnail?.width || 192
const height = parole?.couverture?.data?.attributes?.formats?.thumbnail?.height || 192
const imageSrc = imagePath
? new URL(imagePath, IMAGE_URL).toString()
: '/logo-192x192.png'
return (
<Box sx={{width: '80%', position: 'relative', zIndex: 0}}>
<Widget>
@@ -144,9 +152,9 @@ export default function Lekte({audio, url, parole}) {
<CoverImage>
<Image
alt={parole.titre}
src={parole?.couverture?.data?.attributes?.formats?.thumbnail ? `${IMAGE_URL}${parole.couverture.data.attributes.formats.thumbnail.url}` : '/logo-192x192.png'}
width={parole?.couverture?.data?.attributes?.formats?.thumbnail ? parole.couverture.data.attributes.formats.thumbnail.width : 192}
height={parole?.couverture?.data?.attributes?.formats?.thumbnail ? parole.couverture.data.attributes.formats.thumbnail.height : 192}
src={imageSrc}
width={width}
height={height}
/>
</CoverImage>
<Box sx={{ml: 1.5, minWidth: 0}}>