added modalEditarColecao

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>