From 486a85219574b2fbeec3e5d3a75f0481dbb47e6a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Mon, 8 Jun 2026 01:25:58 +0400
Subject: [PATCH] feat: optimize cover in search

---
 components/awtis/awtis-detay.js  | 6 +++---
 components/awtis/cheche-awtis.js | 2 +-
 components/awtis/mizik-lis.js    | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/awtis/awtis-detay.js b/components/awtis/awtis-detay.js
index 85b8327..2d0e2a7 100644
--- a/components/awtis/awtis-detay.js
+++ b/components/awtis/awtis-detay.js
@@ -51,7 +51,7 @@ export default function AwtisDetay({anAwtis}) {
       </Box>
       <Box sx={{justifyContent: 'center', display: 'flex', marginBottom: 2}}>
         <Avatar
-          src={`${photo?.url ? `${IMAGE_URL}${photo?.url}` : noImageUrl}`}
+          src={photo?.url ? `${IMAGE_URL}${photo?.formats?.small?.url || photo?.formats?.thumbnail?.url || photo?.url}` : noImageUrl}
           alt={`Photo ${alias}`}
           sx={{width: 200, height: 200, border: `2px solid ${green[500]}`}}
         />
@@ -88,7 +88,7 @@ export default function AwtisDetay({anAwtis}) {
                 <AccordionDetails sx={{paddingInline: 0}}>
                   {sortedTeks.map(anPawol => {
                     const {couverture} = anPawol
-                    const kuvetiFormat = formatKuveti(couverture)
+                    const kuvetiFormat = couverture?.formats?.thumbnail || formatKuveti(couverture)
 
                     return (
                       <Box key={anPawol.id} sx={{paddingBlock: 0.5}}>
@@ -105,7 +105,7 @@ export default function AwtisDetay({anAwtis}) {
                 <Box>
                   <Typography gutterBottom textalign='center' variant='body1' component='h2'><strong>Parole</strong></Typography>
                   <Paper sx={{height: '100%', paddingBlock: 2}}>
-                    <MizikLyen anPawol={paroles[0]} kuveti={formatKuveti(paroles[0].couverture)} />
+                    <MizikLyen anPawol={paroles[0]} kuveti={paroles[0].couverture?.formats?.thumbnail || formatKuveti(paroles[0].couverture)} />
                   </Paper>
                 </Box>
               )
diff --git a/components/awtis/cheche-awtis.js b/components/awtis/cheche-awtis.js
index c4a7d65..3d3c897 100644
--- a/components/awtis/cheche-awtis.js
+++ b/components/awtis/cheche-awtis.js
@@ -79,7 +79,7 @@ export default function ChecheAwtis() {
               <Avatar
                 style={{ marginRight: 8 }}
                 alt={option?.alias}
-                src={`${IMAGE_URL}${option?.photo?.formats?.thumbnail?.url}`}
+                src={`${IMAGE_URL}${option?.photo?.formats?.thumbnail?.url || option?.photo?.url || ''}`}
               />
               {option?.alias}
             </li>
diff --git a/components/awtis/mizik-lis.js b/components/awtis/mizik-lis.js
index 7462984..d99347b 100644
--- a/components/awtis/mizik-lis.js
+++ b/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 = formatKuveti(couverture)
+        const kuvetiFormat = couverture?.formats?.thumbnail || formatKuveti(couverture)
 
         return (
           <MizikLyen niAwtis={niAwtis} anPawol={anPawol} kuveti={kuvetiFormat} slug={params.slug} meteEsMobilOuve={meteEsMobilOuve} />