Adapt all Awtis components to new api

This commit is contained in:
2020-12-18 22:13:52 +01:00
parent 81a5ed4ce0
commit a1a9a8a5af
4 changed files with 39 additions and 38 deletions
+9 -9
View File
@@ -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 = {