Adapt components with API response

app/awtis/page.js

@@ -48,14 +48,14 @@ async function jwennDone(paj) {
     notFound()
   }
 
-  const awtisPouChakPaj = await jwennAwtisPajinasyon(pajParsed)
-  const pajTotal = Math.ceil(awtisPouChakPaj.meta.pagination.total / awtisPouChakPaj.meta.pagination.limit)
+  const {data, meta} = await jwennAwtisPajinasyon(pajParsed)
+  const pajTotal = Math.ceil(meta.pagination.total / meta.pagination.limit)
 
   if (pajParsed > pajTotal || pajParsed < 1) {
     notFound()
   }
 
-  return {pajTotal, awtisPouChakPaj, pajParsed}
+  return {pajTotal, awtisPouChakPaj: data, pajParsed}
 }
 
 export default async function AwitsPaj(props) {
@@ -69,7 +69,7 @@ export default async function AwitsPaj(props) {
       <ChecheAwtis />
       <Container sx={{marginBottom: 5, flexGrow: 100}}>
         <Grid container spacing={{xs: 2, md: 3}}>
-          {awtisPouChakPaj.data.map(artiste => <AwtisKat key={artiste.id} artiste={artiste.attributes} />)}
+          {awtisPouChakPaj.map(artiste => <AwtisKat key={artiste.id} artiste={artiste} />)}
         </Grid>
       </Container>
       <Footer />