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