fix: unifier la logique de choix de taille d'image via formatKuveti

components/teks/lekte.js

@@ -17,6 +17,7 @@ import {grey} from '@mui/material/colors'
 import {Link} from '@mui/material'
 
 import {getAlias} from '../../lib/utils/format'
+import {formatKuveti} from '../../lib/kuveti'
 
 const IMAGE_URL = process.env.NEXT_PUBLIC_API_URL_ROOT || 'http://localhost:1337'
 
@@ -187,9 +188,10 @@ export default function Lekte({audio, url, parole}) {
     audioRef.current.volume = value / 100
   }
 
-  const imagePath = parole?.couverture?.formats?.thumbnail?.url
-  const width = parole?.couverture?.formats?.thumbnail?.width || 192
-  const height = parole?.couverture?.formats?.thumbnail?.height || 192
+  const couvertureFormat = formatKuveti(parole?.couverture, 'thumbnail')
+  const imagePath = couvertureFormat?.url
+  const width = couvertureFormat?.width || 192
+  const height = couvertureFormat?.height || 192
 
   const imageSrc = imagePath
     ? new URL(imagePath, IMAGE_URL).toString()

components/teks/teks-kat.js

@@ -16,6 +16,7 @@ import ExplicitIcon from '@mui/icons-material/Explicit'
 import {styled} from '@mui/material/styles'
 
 import {getAlias} from '../../lib/utils/format'
+import {formatKuveti} from '../../lib/kuveti'
 
 const PREFIX = 'teks-kat'
 const IMAGE_URL = process.env.NEXT_PUBLIC_API_URL_ROOT || 'http://localhost:1337'
@@ -50,7 +51,7 @@ export default function TeksKat({parole}) {
           <Box sx={{position: 'relative', height: 240}}>
             {couverture?.url ? (
               <Image
-                src={`${IMAGE_URL}${couverture.formats?.thumbnail?.url || couverture.url}`}
+                src={`${IMAGE_URL}${formatKuveti(couverture, 'thumbnail')?.url}`}
                 alt={titre}
                 fill
                 placeholder='blur'