Rename AwtisBio & add foto

components/awtis/awtis-kat.js

@@ -18,7 +18,7 @@ import ExpandMoreIcon from '@material-ui/icons/ExpandMore'
 import {makeStyles} from '@material-ui/core/styles'
 
 import MizikLis from './mizik-lis'
-import AwtisBio from './awtis-bio'
+import AwtisBiyografi from './awtis-biyografi'
 
 const useStyles = makeStyles(theme => ({
   root: {
@@ -43,7 +43,7 @@ const useStyles = makeStyles(theme => ({
 export default function AwtisKat({anAwtis}) {
   const [isBioOpen, setIsBioOpen] = useState(false)
 
-  const {alias, bio, miziks} = anAwtis
+  const {alias, biyografi, miziks, foto} = anAwtis
   const classes = useStyles()
   const [expanded, setExpanded] = useState(false)
 
@@ -64,7 +64,7 @@ export default function AwtisKat({anAwtis}) {
               className={classes.media}
               component='img'
               alt={alias}
-              image={`${process.env.NEXT_PUBLIC_API_URL}${anAwtis.photo[0].url}`}
+              image={`${foto.length > 0 ? `${process.env.NEXT_PUBLIC_API_URL}${foto[0].url}` : null}`}
               title={alias}
             />
             <CardContent>
@@ -97,10 +97,10 @@ export default function AwtisKat({anAwtis}) {
         </Card>
       </Grid>
       {isBioOpen && (
-        <AwtisBio
+        <AwtisBiyografi
           alias={alias}
           miziks={miziks}
-          bio={bio}
+          biyografi={biyografi}
           isBioOpen={isBioOpen}
           setIsBioOpen={setIsBioOpen}
         />