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

components/awtis/awtis-detay.js

@@ -45,11 +45,11 @@ export default function AwtisDetay({anAwtis}) {
 
   const hasStreaming = isExclusiveArtist && titrePhare?.streamAudio?.length > 0
   const coverUrl = titrePhare?.couverture
-    ? `${IMAGE_URL}${titrePhare.couverture.formats?.small?.url || titrePhare.couverture.formats?.thumbnail?.url || titrePhare.couverture.url}`
+    ? `${IMAGE_URL}${formatKuveti(titrePhare.couverture, 'small')?.url}`
     : null
 
   const photoUrl = photo?.url
-    ? `${IMAGE_URL}${photo.formats?.small?.url || photo.formats?.thumbnail?.url || photo.url}`
+    ? `${IMAGE_URL}${formatKuveti(photo, 'small')?.url}`
     : null
 
   return (
@@ -193,7 +193,7 @@ export default function AwtisDetay({anAwtis}) {
               <AccordionDetails sx={{paddingInline: 0}}>
                 {sortedTeks.map(anPawol => {
                   const {couverture} = anPawol
-                  const kuvetiFormat = couverture?.formats?.thumbnail || formatKuveti(couverture, 'small')
+                  const kuvetiFormat = formatKuveti(couverture, 'thumbnail')
                   return (
                     <Box key={anPawol.id} sx={{paddingBlock: 0.5}}>
                       <MizikLyen anPawol={anPawol} kuveti={kuvetiFormat} />
@@ -210,7 +210,7 @@ export default function AwtisDetay({anAwtis}) {
             <Box>
               <Typography gutterBottom variant='body1'><strong>Parole</strong></Typography>
               <Paper sx={{paddingBlock: 2}}>
-                <MizikLyen anPawol={paroles[0]} kuveti={paroles[0].couverture?.formats?.thumbnail || formatKuveti(paroles[0].couverture, 'small')} />
+                <MizikLyen anPawol={paroles[0]} kuveti={formatKuveti(paroles[0].couverture, 'thumbnail')} />
               </Paper>
             </Box>
           )}

components/awtis/awtis-kat.js

@@ -15,6 +15,7 @@ import Chip from '@mui/material/Chip'
 import {styled} from '@mui/material/styles'
 import VerifiedIcon from '@mui/icons-material/Verified'
 
+import {formatKuveti} from '../../lib/kuveti'
 import AwtisBiyografi from './awtis-biyografi'
 
 const PREFIX = 'awtis-kat'
@@ -82,7 +83,7 @@ export default function AwtisKat({artiste}) {
               className={classes.media}
               component='img'
               alt={alias}
-              image={`${photo?.url ? `${IMAGE_URL}${photo?.formats?.thumbnail?.url || photo?.url}` : noImageUrl}`}
+              image={`${photo?.url ? `${IMAGE_URL}${formatKuveti(photo, 'thumbnail')?.url}` : noImageUrl}`}
             loading='lazy'
               title={alias}
             />

components/awtis/cheche-awtis.js

@@ -9,6 +9,7 @@ import CircularProgress from '@mui/material/CircularProgress'
 import Container from '@mui/material/Container'
 
 import {jwennToutAwtis} from '../../lib/oki-api'
+import {formatKuveti} from '../../lib/kuveti'
 
 const IMAGE_URL = process.env.NEXT_PUBLIC_API_URL_ROOT || 'http://localhost:1337'
 
@@ -79,7 +80,7 @@ export default function ChecheAwtis() {
               <Avatar
                 style={{ marginRight: 8 }}
                 alt={option?.alias}
-                src={`${IMAGE_URL}${option?.photo?.formats?.thumbnail?.url || option?.photo?.url || ''}`}
+                src={`${IMAGE_URL}${formatKuveti(option?.photo, 'thumbnail')?.url || ''}`}
               />
               {option?.alias}
             </li>

components/awtis/mizik-lis.js

@@ -34,7 +34,7 @@ export default function MizikLis({niAwtis, paroles, meteEsMobilOuve}) {
       itemContent={index => {
         const anPawol = pawol[index]
         const {couverture} = anPawol
-        const kuvetiFormat = couverture?.formats?.thumbnail || formatKuveti(couverture, 'small')
+        const kuvetiFormat = formatKuveti(couverture, 'thumbnail')
 
         return (
           <MizikLyen niAwtis={niAwtis} anPawol={anPawol} kuveti={kuvetiFormat} slug={params.slug} meteEsMobilOuve={meteEsMobilOuve} />