From ee47cd9a7c79225e794fb1deb04a6af78b0df84d Mon Sep 17 00:00:00 2001
From: Lucas Schoenfelder <les17@inf.ufpr.br>
Date: Tue, 1 Dec 2020 17:15:05 -0300
Subject: [PATCH] render ModalExcluirConta added

---
 .../TabPanels/UserPageTabs/PanelGerenciarConta.js         | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/Components/TabPanels/UserPageTabs/PanelGerenciarConta.js b/src/Components/TabPanels/UserPageTabs/PanelGerenciarConta.js
index 60d104f9..e111f1a9 100644
--- a/src/Components/TabPanels/UserPageTabs/PanelGerenciarConta.js
+++ b/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) {
         </>
     )
 }
+ 
-- 
GitLab