Rename AwtisBio & add foto

components/awtis/awtis-biyografi.js

@@ -14,7 +14,7 @@ import {
 
 import MizikBadjMeni from './mizik-badj-meni'
 
-export default function AwtisBio({alias, miziks, bio, isBioOpen, setIsBioOpen}) {
+export default function AwtisBiyografi({alias, miziks, biyografi, isBioOpen, setIsBioOpen}) {
   const handleClose = () => {
     setIsBioOpen(false)
   }
@@ -49,9 +49,9 @@ export default function AwtisBio({alias, miziks, bio, isBioOpen, setIsBioOpen})
             id='scroll-dialog-description'
             tabIndex={-1}
           >
-            {bio ? (
+            {biyografi ? (
               <Typography component='span'>
-                {bio}
+                {biyografi}
               </Typography>
             ) : (
               <Typography component='span'>
@@ -70,14 +70,14 @@ export default function AwtisBio({alias, miziks, bio, isBioOpen, setIsBioOpen})
   )
 }
 
-AwtisBio.propTypes = {
+AwtisBiyografi.propTypes = {
   alias: PropTypes.string.isRequired,
   miziks: PropTypes.array.isRequired,
-  bio: PropTypes.string,
+  biyografi: PropTypes.string,
   isBioOpen: PropTypes.bool.isRequired,
   setIsBioOpen: PropTypes.func.isRequired
 }
 
-AwtisBio.defaultProps = {
+AwtisBiyografi.defaultProps = {
-  bio: null
+  biyografi: null
 }

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}
         />