render ModalExcluirConta added

src/Components/TabPanels/UserPageTabs/PanelGerenciarConta.js

@@ -23,6 +23,7 @@ import FormInput from "../../FormInput.js"
 import {CompletarCadastroButton} from './PanelSolicitarContaProfessor.js'
 import {ButtonCancelar} from './PanelEditarPerfil.js'
 import ValidateUserInput from '../../FormValidationFunction.js'
+import ModalExcluirConta from './ModalExcluirConta.js'
 
 export default function TabPanelGerenciarConta (props) {
     const [senhaAtual, setSenhaAtual] = useState(
@@ -128,6 +129,8 @@ export default function TabPanelGerenciarConta (props) {
 
     }
 
+    const [modalExcluir, setModalExcluir] = useState(false)
+
     return (
         <>
         <Paper elevation={3} style= {{width:"100%"}}>
@@ -210,8 +213,8 @@ export default function TabPanelGerenciarConta (props) {
                     <span style={{margin:"0", display:"flex", justifyContent:"flex-start"}}>Antes de excluir a sua conta, saiba que ela será removida permanentemente.</span>
                 </div>
                 <div style={{margin:"0", display:"flex", justifyContent:"flex-start"}}>
-                    {/*//TODO: MODAL DELETAR CONTA*/}
-                    <ButtonCancelar style={{color:'#eb4034'}}>EXCLUIR CONTA</ButtonCancelar>
+                    <ModalExcluirConta open={modalExcluir} handleClose={() => {setModalExcluir(false)}}/>
+                    <ButtonCancelar style={{color:'#eb4034'}} onClick={() => {setModalExcluir(true)}}>EXCLUIR CONTA</ButtonCancelar>
                 </div>
             </div>
         </div>
@@ -219,3 +222,4 @@ export default function TabPanelGerenciarConta (props) {
         </>
     )
 }
+