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