Adapt all Awtis components to new api

components/awtis/awtis-kat.js

@@ -41,9 +41,10 @@ const useStyles = makeStyles(theme => ({
 }))
 
 export default function AwtisKat({anAwtis}) {
-  const [isBioOpen, setIsBioOpen] = useState(false)
+  const [esByografiOuve, meteEsByografiOuve] = useState(false)
+  const noImageUrl = 'https://place-hold.it/140x140?text=Pa%20ni%20imaj'
 
-  const {alias, biyografi, miziks, foto} = anAwtis
+  const {alias, biyografi, teks, foto} = anAwtis
   const classes = useStyles()
   const [expanded, setExpanded] = useState(false)
 
@@ -52,7 +53,7 @@ export default function AwtisKat({anAwtis}) {
   }
 
   const handleClick = () => {
-    setIsBioOpen(true)
+    meteEsByografiOuve(true)
   }
 
   return (
@@ -64,7 +65,7 @@ export default function AwtisKat({anAwtis}) {
               className={classes.media}
               component='img'
               alt={alias}
-              image={`${foto.length > 0 ? `${process.env.NEXT_PUBLIC_API_URL}${foto[0].url}` : null}`}
+              image={`${foto.length > 0 ? `${process.env.NEXT_PUBLIC_API_URL}${foto[0].url}` : noImageUrl}`}
               title={alias}
             />
             <CardContent>
@@ -72,7 +73,7 @@ export default function AwtisKat({anAwtis}) {
                 {alias}
               </Typography>
               <Typography align='center' variant='body2' color='textSecondary' component='h5'>
-                {anAwtis.miziks.length} tèks
+                {anAwtis.teks.length} tèks
               </Typography>
             </CardContent>
           </CardActionArea>
@@ -91,18 +92,18 @@ export default function AwtisKat({anAwtis}) {
           </CardActions>
           <Collapse unmountOnExit in={expanded} timeout='auto'>
             <CardContent>
-              <MizikLis miziks={miziks} />
+              <MizikLis teks={teks} />
             </CardContent>
           </Collapse>
         </Card>
       </Grid>
-      {isBioOpen && (
+      {esByografiOuve && (
         <AwtisBiyografi
           alias={alias}
-          miziks={miziks}
+          teks={teks}
           biyografi={biyografi}
-          isBioOpen={isBioOpen}
-          setIsBioOpen={setIsBioOpen}
+          esByografiOuve={esByografiOuve}
+          meteEsByografiOuve={meteEsByografiOuve}
         />
       )}
     </>