Adapt all Awtis components to new api
This commit is contained in:
@@ -14,33 +14,33 @@ import {
|
||||
|
||||
import MizikBadjMeni from './mizik-badj-meni'
|
||||
|
||||
export default function AwtisBiyografi({alias, miziks, biyografi, isBioOpen, setIsBioOpen}) {
|
||||
export default function AwtisBiyografi({alias, teks, biyografi, esByografiOuve, meteEsByografiOuve}) {
|
||||
const handleClose = () => {
|
||||
setIsBioOpen(false)
|
||||
meteEsByografiOuve(false)
|
||||
}
|
||||
|
||||
const descriptionElementRef = React.useRef(null)
|
||||
React.useEffect(() => {
|
||||
if (isBioOpen) {
|
||||
if (esByografiOuve) {
|
||||
const {current: descriptionElement} = descriptionElementRef
|
||||
if (descriptionElement !== null) {
|
||||
descriptionElement.focus()
|
||||
}
|
||||
}
|
||||
}, [isBioOpen])
|
||||
}, [esByografiOuve])
|
||||
|
||||
return (
|
||||
<div>
|
||||
<Dialog
|
||||
scroll='paper'
|
||||
open={isBioOpen}
|
||||
open={esByografiOuve}
|
||||
aria-labelledby='scroll-dialog-title'
|
||||
aria-describedby='scroll-dialog-description'
|
||||
onClose={handleClose}
|
||||
>
|
||||
<Box display='flex' justifyContent='center' alignItems='center'>
|
||||
<DialogTitle id='scroll-dialog-title' align='center'>{alias}</DialogTitle>
|
||||
<MizikBadjMeni miziks={miziks} />
|
||||
<MizikBadjMeni teks={teks} />
|
||||
</Box>
|
||||
<DialogContent dividers>
|
||||
<DialogContentText
|
||||
@@ -72,10 +72,10 @@ export default function AwtisBiyografi({alias, miziks, biyografi, isBioOpen, set
|
||||
|
||||
AwtisBiyografi.propTypes = {
|
||||
alias: PropTypes.string.isRequired,
|
||||
miziks: PropTypes.array.isRequired,
|
||||
teks: PropTypes.array.isRequired,
|
||||
biyografi: PropTypes.string,
|
||||
isBioOpen: PropTypes.bool.isRequired,
|
||||
setIsBioOpen: PropTypes.func.isRequired
|
||||
esByografiOuve: PropTypes.bool.isRequired,
|
||||
meteEsByografiOuve: PropTypes.func.isRequired
|
||||
}
|
||||
|
||||
AwtisBiyografi.defaultProps = {
|
||||
|
||||
Reference in New Issue
Block a user