diff --git a/src/Components/ColCardOwnerOptions.js b/src/Components/ColCardOwnerOptions.js index 76b5b750be97631f4262bc89408dac4524116fdb..37dc26977cd9133db5b644dad03eb6860f40ea04 100644 --- a/src/Components/ColCardOwnerOptions.js +++ b/src/Components/ColCardOwnerOptions.js @@ -28,6 +28,7 @@ import {Link} from 'react-router-dom' import MoreVertIcon from '@material-ui/icons/MoreVert'; import styled from 'styled-components' import ModalExcluirColecao from './ModalExcluirColecao.js' +import ModalEditarColecao from './ModalEditarColecao.js' export default function ColCardOwnerOptions (props) { const [anchorEl, setAnchorEl] = React.useState(null); @@ -43,11 +44,17 @@ export default function ColCardOwnerOptions (props) { const [modalExcluirOpen, toggleModalExcluir] = useState(false) const openModalExcluir = () => {toggleModalExcluir(true)} + const [modalEditarOpen, toggleModalEditar] = useState(false) + + return ( <> <ModalExcluirColecao id={props.id} open={modalExcluirOpen} handleClose={() => {toggleModalExcluir(false)}} /> + <ModalEditarColecao id={props.id} + open={modalEditarOpen} handleClose={() => {toggleModalEditar(false)}} + /> <div style={{fontSize: "12px"}}> <Button aria-controls="simple-menu" aria-haspopup="true" onClick={handleClick} style={{color : "#666"}}> @@ -66,7 +73,7 @@ export default function ColCardOwnerOptions (props) { </Link> </StyledMenuItem> - <StyledMenuItem onClick={() => {console.log('TODO: MODAL EDITAR COLECAO')}}> + <StyledMenuItem onClick={() => {toggleModalEditar(true)}}> <ListItemIcon><CreateIcon /></ListItemIcon>Editar </StyledMenuItem>