diff --git a/src/Components/LoginContainerFunction.js b/src/Components/LoginContainerFunction.js
index 15b7c858401e238f12dc406858c22530a9dae16d..38150d43eede273208f5ea3da943ef994654b83f 100644
--- a/src/Components/LoginContainerFunction.js
+++ b/src/Components/LoginContainerFunction.js
@@ -30,19 +30,15 @@ import ValidateUserInput from '../Components/FormValidationFunction.js'
export default function LoginContainer (props) {
const [formEmail, setEmail] = useState(
{
- dict : {
key : false,
value : localStorage.getItem("@portalmec/email") || "",
- }
}
)
const [formSenha, setSenha] = useState(
{
- dict : {
key : false,
value : localStorage.getItem("@portalmec/senha") ||""
- }
}
)
@@ -59,38 +55,38 @@ export default function LoginContainer (props) {
const flag = ValidateUserInput(type, userInput)
if(type === 'email') {
- setEmail({...formEmail, dict : {
+ setEmail({...formEmail,
key : flag,
value : userInput
- }})
+ })
console.log(formEmail)
}
else if(type === 'password') {
- setSenha({...formSenha, dict : {
+ setSenha({...formSenha,
key : flag,
value : userInput
- }})
+ })
console.log(formSenha)
}
}
const limpaCamposForm = () => {
- setEmail({...formEmail, dict : {
+ setEmail({...formEmail,
key : false,
value : ''
- }});
+ });
- setSenha({...formSenha, dict : {
+ setSenha({...formSenha,
key : false,
value : ''
- }})
+ })
}
const onSubmit = (e) => {
e.preventDefault()
- const login = {email : formEmail.dict.value, senha : formSenha.dict.value, checkbox : checkboxControl}
+ const login = {email : formEmail.value, senha : formSenha.value, checkbox : checkboxControl}
- if (!(formEmail.dict.key || formSenha.dict.key)) {
+ if (!(formEmail.key || formSenha.key)) {
props.handleLoginInfo(login)
limpaCamposForm()
}
@@ -138,23 +134,23 @@ export default function LoginContainer (props) {
<FormInput
inputType={"text"}
name={"email"}
- value={formEmail.dict.value}
+ value={formEmail.value}
placeholder={"E-mail"}
handleChange={e => handleChange(e, 'email')}
required={true}
- error = {formEmail.dict.key}
- help = {formEmail.dict.key ? ( formEmail.dict.value.length == 0 ? "Faltou preencher seu e-mail." : <span>Insira um endereço de e-mail válido.<br/>Por exemplo: seunome@gmail.com, seunome@hotmail.com</span>) : ""}
+ error = {formEmail.key}
+ help = {formEmail.key ? ( formEmail.value.length == 0 ? "Faltou preencher seu e-mail." : <span>Insira um endereço de e-mail válido.<br/>Por exemplo: seunome@gmail.com, seunome@hotmail.com</span>) : ""}
/>
<br/>
<FormInput
inputType={"password"}
name={"senha"}
- value={formSenha.dict.value}
+ value={formSenha.value}
placeholder={"Senha"}
handleChange={e => handleChange(e, 'password')}
required={true}
- error = {formSenha.dict.key}
- help = {formSenha.dict.key ? (formSenha.dict.value.length == 0 ? "Faltou digitar sua senha." : "A senha precisa ter no mÃnimo 8 caracteres.") : ""}
+ error = {formSenha.key}
+ help = {formSenha.key ? (formSenha.value.length == 0 ? "Faltou digitar sua senha." : "A senha precisa ter no mÃnimo 8 caracteres.") : ""}
/>
<br/>
@@ -164,7 +160,7 @@ export default function LoginContainer (props) {
</RememberRecover>
<ConfirmContainerStyled>
- <StyledLoginButton onClick={e => onSubmit(e)} variant="contained">
+ <StyledLoginButton type="submit" variant="contained">
<span style={{borderRadius:"3px", boxSizing:"border-box", fontFamily:"Roboto, sans serif", fontWeight:"500", color:"#fff"}}>ENTRAR</span>
</StyledLoginButton>
</ConfirmContainerStyled>
diff --git a/src/Components/SignUpContainerFunction.js b/src/Components/SignUpContainerFunction.js
index ed137f753282c219483ca2879dab2f56450c19a9..44e3df95450417562ead91717e0abd5a7134d65c 100644
--- a/src/Components/SignUpContainerFunction.js
+++ b/src/Components/SignUpContainerFunction.js
@@ -36,28 +36,22 @@ var callback = function () {
export default function SignUpContainer (props) {
const [formNome, setNome] = useState(
{
- dict : {
key : false,
value : "",
- }
}
)
const [formEmail, setEmail] = useState(
{
- dict : {
key : false,
value : "",
- }
}
)
const [formSenha, setSenha] = useState(
{
- dict : {
key : false,
value : ""
- }
}
)
@@ -66,43 +60,43 @@ export default function SignUpContainer (props) {
const flag = ValidateUserInput(type, userInput)
if (type === 'username') {
- setNome({...formNome, dict : {
+ setNome({...formNome,
key : flag,
value : userInput
- }})
+ })
console.log(formNome)
}
else if(type === 'email') {
- setEmail({...formEmail, dict : {
+ setEmail({...formEmail,
key : flag,
value : userInput
- }})
+ })
console.log(formEmail)
}
else if(type === 'password') {
- setSenha({...formSenha, dict : {
+ setSenha({...formSenha,
key : flag,
value : userInput
- }})
+ })
console.log(formSenha)
}
}
const limpaCamposForm = () => {
- setNome({...formNome, dict : {
+ setNome({...formNome,
key : false,
value : ''
- }})
+ })
- setEmail({...formEmail, dict : {
+ setEmail({...formEmail,
key : false,
value : ''
- }});
+ });
- setSenha({...formSenha, dict : {
+ setSenha({...formSenha,
key : false,
value : ''
- }})
+ })
}
const responseGoogle = (response) => {
@@ -117,9 +111,9 @@ export default function SignUpContainer (props) {
const onSubmit = (e) => {
e.preventDefault();
- const newLogin = {name : formNome.dict.value, email : formEmail.dict.value, password : formSenha.dict.value}
+ const newLogin = {name : formNome.value, email : formEmail.value, password : formSenha.value}
- if (!(formNome.dict.key || formEmail.dict.key || formSenha.dict.key)) {
+ if (!(formNome.key || formEmail.key || formSenha.key)) {
props.handleLoginInfo(newLogin)
limpaCamposForm()
}
@@ -160,33 +154,33 @@ export default function SignUpContainer (props) {
<FormInput
inputType={"text"}
name={"name"}
- value={formNome.dict.value}
+ value={formNome.value}
placeholder={"Nome Completo"}
handleChange={e => handleChange(e, 'username')}
required={true}
- error={formNome.dict.key}
+ error={formNome.key}
/>
<br/>
<FormInput
inputType={"text"}
name={"email"}
- value={formEmail.dict.value}
+ value={formEmail.value}
placeholder={"E-mail"}
handleChange={e => handleChange(e, 'email')}
required={true}
- error={formEmail.dict.key}
- help = {formEmail.dict.key ? (formEmail.dict.value.length == 0 ? "Faltou preencher seu e-mail." : <span>Insira um endereço de e-mail válido.<br/>Por exemplo: seunome@gmail.com, seunome@hotmail.com</span>) : ""}
+ error={formEmail.key}
+ help = {formEmail.key ? (formEmail.value.length == 0 ? "Faltou preencher seu e-mail." : <span>Insira um endereço de e-mail válido.<br/>Por exemplo: seunome@gmail.com, seunome@hotmail.com</span>) : ""}
/>
<br/>
<FormInput
inputType={"password"}
name={"password"}
- value={formSenha.dict.value}
+ value={formSenha.value}
placeholder={"Senha"}
handleChange={e => handleChange(e, 'password')}
required={true}
- error={formSenha.dict.key}
- help = {formSenha.dict.key ? (formSenha.dict.value.length == 0 ? "Faltou digitar sua senha." : "A senha precisa ter no mÃnimo 8 caracteres.") : ""}
+ error={formSenha.key}
+ help = {formSenha.key ? (formSenha.value.length == 0 ? "Faltou digitar sua senha." : "A senha precisa ter no mÃnimo 8 caracteres.") : ""}
/>
<br/>
<Recaptcha
diff --git a/src/Components/TabPanels/TabPanelGerenciarConta.js b/src/Components/TabPanels/TabPanelGerenciarConta.js
index 74a9d839367748421a51aafe984ae7cb1499d6bb..4ed6f6a8df7812f7cf61a4d9f26ab21be3b8424d 100644
--- a/src/Components/TabPanels/TabPanelGerenciarConta.js
+++ b/src/Components/TabPanels/TabPanelGerenciarConta.js
@@ -9,63 +9,51 @@ import ValidateUserInput from '../FormValidationFunction.js'
export default function TabPanelGerenciarConta (props) {
const [senhaAtual, setSenhaAtual] = useState(
{
- dict : {
- key : false,
- value : localStorage.getItem("@portalmec/senha") || ""
- }
- }
- )
+ key : false,
+ value : localStorage.getItem("@portalmec/senha") || ""
+ })
const [novaSenha, setNovaSenha] = useState(
{
- dict : {
- key : false,
- value : ""
- }
- }
- )
+ key : false,
+ value : ""
+ })
const [novaSenhaConfirmacao, setNovaSenhaConfirmacao] = useState(
{
- dict : {
- key : false,
- value : ""
- }
- }
- )
+ key : false,
+ value : ""
+ })
const [novoEmail, setNovoEmail] = useState(
{
- dict : {
- key : false,
- value : ""
- }
- }
- )
+ key : false,
+ value : ""
+ })
const handleChangeSenha = (e, type) => {
const userInput = e.target.value
- const flag = (type === 'confirmacao' ? ValidateUserInput('confirmation', userInput, novaSenha.dict.value) : ValidateUserInput('password', userInput))
+ const flag = (type === 'confirmacao' ? ValidateUserInput('confirmation', userInput, novaSenha.value) : ValidateUserInput('password', userInput))
if(type === 'senhaAtual') {
- setSenhaAtual({...senhaAtual, dict : {
+ setSenhaAtual({...senhaAtual,
key : flag,
value : userInput
- }})
+ })
console.log(senhaAtual)
}
else if(type === 'novaSenha') {
- setNovaSenha({...novaSenha, dict : {
+ setNovaSenha({...novaSenha,
key : flag,
value : userInput
- }})
+ })
console.log(novaSenha)
}
else if (type === 'confirmacao'){
- setNovaSenhaConfirmacao({...novaSenhaConfirmacao, dict : {
+ setNovaSenhaConfirmacao({...novaSenhaConfirmacao,
key : flag,
value : userInput
- }})
+ })
console.log(novaSenhaConfirmacao)
}
}
@@ -74,50 +62,50 @@ export default function TabPanelGerenciarConta (props) {
const userInput = e.target.value
const flag = ValidateUserInput('email', userInput)
- setNovoEmail({...novoEmail, dict : {
+ setNovoEmail({...novoEmail,
key : flag,
value : userInput
- }})
+ })
console.log(novoEmail)
}
const limpaCamposForm = () => {
- setSenhaAtual({...senhaAtual, dict : {
+ setSenhaAtual({...senhaAtual,
key : false,
value : ''
- }})
+ })
- setNovaSenha({...novaSenha, dict : {
+ setNovaSenha({...novaSenha,
key : false,
value : ''
- }})
+ })
- setNovaSenhaConfirmacao({...novaSenhaConfirmacao, dict : {
+ setNovaSenhaConfirmacao({...novaSenhaConfirmacao,
key : false,
value : ''
- }})
+ })
}
const onSubmit = (e, type) => {
e.preventDefault()
if (type === 'senha'){
- if (senhaAtual.dict.value === localStorage.getItem("@portalmec/senha")) {
- const login = {senhaAtual : senhaAtual.dict.value, novaSenha : novaSenha.dict.value, novaSenhaConfirmacao : novaSenhaConfirmacao.dict.value}
+ if (senhaAtual.value === localStorage.getItem("@portalmec/senha")) {
+ const login = {senhaAtual : senhaAtual.value, novaSenha : novaSenha.value, novaSenhaConfirmacao : novaSenhaConfirmacao.value}
- if (!(senhaAtual.dict.key || novaSenha.dict.key || novaSenhaConfirmacao.dict.key)) {
+ if (!(senhaAtual.key || novaSenha.key || novaSenhaConfirmacao.key)) {
console.log(login)
limpaCamposForm()
props.handleSnackbar()
}
}
else {
- console.log(localStorage.getItem("@portalmec/senha"), senhaAtual.dict.value)
+ console.log(localStorage.getItem("@portalmec/senha"), senhaAtual.value)
}
}
else {
- console.log(novoEmail.dict.value)
+ console.log(novoEmail.value)
}
}
@@ -134,32 +122,32 @@ export default function TabPanelGerenciarConta (props) {
<FormInput
inputType={"password"}
name={"Senha Atual"}
- value={senhaAtual.dict.value}
+ value={senhaAtual.value}
placeholder={"Senha atual"}
handleChange={e => handleChangeSenha(e, 'senhaAtual')}
required={true}
- error={senhaAtual.dict.key}
- help={ senhaAtual.dict.key ? "Faltou inserir sua senha atual" : ""}
+ error={senhaAtual.key}
+ help={ senhaAtual.key ? "Faltou inserir sua senha atual" : ""}
/>
<FormInput
inputType={"password"}
name={"Nova senha"}
- value={novaSenha.dict.value}
+ value={novaSenha.value}
placeholder={"Nova senha"}
handleChange={e => handleChangeSenha(e, 'novaSenha')}
required={true}
- error={novaSenha.dict.key}
- help={ novaSenha.dict.key ? (novaSenha.dict.value.length == 0 ? "Faltou definir uma nova senha" : "A senha precisa ter no mÃnimo 8 caracteres.") : ""}
+ error={novaSenha.key}
+ help={ novaSenha.key ? (novaSenha.value.length == 0 ? "Faltou definir uma nova senha" : "A senha precisa ter no mÃnimo 8 caracteres.") : ""}
/>
<FormInput
inputType={"password"}
name={"Digite novamente a nova senha"}
- value={novaSenhaConfirmacao.dict.value}
+ value={novaSenhaConfirmacao.value}
placeholder={"Digite novamente a nova senha"}
handleChange={e => handleChangeSenha(e, 'confirmacao')}
required={true}
- error={novaSenhaConfirmacao.dict.key}
- help={ novaSenhaConfirmacao.dict.key ? "As senhas devem ser iguais" : ""}
+ error={novaSenhaConfirmacao.key}
+ help={ novaSenhaConfirmacao.key ? "As senhas devem ser iguais" : ""}
/>
<div style={{display:"flex", flexDirection:"row", justifyContent:"space-evenly"}}>
<span style={{paddingTop:"0.7em"}}><a href="recuperar-senha" style={{textAlign: "flex-start", color:"#00bcd4"}}>Esqueceu a senha?</a></span>
@@ -182,11 +170,11 @@ export default function TabPanelGerenciarConta (props) {
<FormInput
inputType={"text"}
name={"email"}
- value={novoEmail.dict.value}
+ value={novoEmail.value}
placeholder={"E-mail"}
handleChange={e => handleChangeEmail(e)}
required={true}
- error = {novoEmail.dict.key}
+ error = {novoEmail.key}
/>
<div style={{margin:"0", display:"flex", justifyContent:"flex-start"}}>
<CompletarCadastroButton type="submit">SALVAR ALTERAÇÕES</CompletarCadastroButton>