diff --git a/components/kat-rezo-nou.js b/components/kat-rezo-nou.js index f4e3095..329dcfb 100644 --- a/components/kat-rezo-nou.js +++ b/components/kat-rezo-nou.js @@ -1,15 +1,33 @@ +import {useState} from 'react' import PropTypes from 'prop-types' -import Box from '@mui/material/Box' import Card from '@mui/material/Card' import CardContent from '@mui/material/CardContent' -import {CardActionArea} from '@mui/material' +import {Button, CardActionArea, CardActions, CardMedia, Divider, Grid} from '@mui/material' import Typography from '@mui/material/Typography' +import RezoImaj from './rezo-imaj' + +export default function KatRezoNou({tit, img, soutit, ko, lyen}) { + const [open, setOpen] = useState(false) + + const handleClickOpen = () => { + setOpen(true) + } -export default function KatRezoNou({tit, soutit, ko, lyen}) { return ( - - - window.open(lyen, '_blank')}> + <> + + + + + + {tit} @@ -21,14 +39,21 @@ export default function KatRezoNou({tit, soutit, ko, lyen}) { {ko} - - - + + + + + + + ) } KatRezoNou.propTypes = { tit: PropTypes.string.isRequired, + img: PropTypes.string.isRequired, soutit: PropTypes.string.isRequired, ko: PropTypes.string.isRequired, lyen: PropTypes.string.isRequired