Summary

vai para a espina porque não tem o set time out, né? Deixe-me botar o set time out para você ver que está funcionando, ok? Vou lá para o action creator do register, botar esse cara no set time out. Bota um segundo e meio. Não precisa digitar isso, eu estou lá digitando para demonstrar que o spinner está aparecendo. Carregando. Vamos lá salvar. Vamos botar o... Clicar e extraar. Erro, né? Tudo ok. O eio está aparecendo. Vou botar o meu e-mail, está dizendo que o e-mail não está formatado bem. Agora está dizendo que o password tem que ser 6. Mas se você notar uma coisa aconteceu lá, né? Quando a gente deu cadastrar, parece que o e-mail está errado, sei o quê. No momento que eu ajudei o e-mail e cliquei em cadastrar, você notar que a mensagem está aqui de erro. Então, a gente deve limpar essa mensagem de erro no momento que a gente despachar a ação de loading, tá bem? Tá bom? Para aceitar isso, vamos voltar aqui para o auth reducer. E quando dá o load, a gente também quer remover esse erro. Então, eu vou botar Error para ser vazio. No momento que dá o load do login e também do register. Tá bom? Adicione isso. Não adicione isso, a mensagem de erro vai ficar aparecendo do lá com o spinner. Então, detalhe. Vamos lá salvar. Vamos tentar novamente testar, cadastrar para a semestras de erro, ajeite o e-mail. Password must be 6 character long, não sei o quê. Note que eu estou usando usuário que já existe. E o meu address is already in use. Então, mostrou o erro e deu certo. Agora vamos criar uma pessoa que não existe. Deu sucesso, limpou o formulário, tirou a mensagem de erro e tudo. Tá tudo ok. E aqui é a resposta, criou usuário e foi no Firebase Console. E atualizar que pareceu o Jenny. E deu tudo certo. Então, o que eu quero fazer é mostrar uma mensagem aqui dizendo que você foi cadastrado com sucesso, por favor, entre os seus credenciais. Tá bom? Como a gente vai fazer isso? A gente pode dar uma alerta ou pode montar a mensagem na tela aqui. Uma maneira que a gente adiciona, do mesmo que tenha uma mensagem de erro, adicionar uma mensagem de sucesso e botar ela para ser verde. Então, vamos fazer isso? Vamos lá. Aqui no estado, eu vou adicionar essa mensagem. Sucesso. E vou no login form. E da mesma maneira que a gente adicionou essa mensagem de texto com uma função render error. Eu quero que você faça a função render sucesso. Né? Mensagem de sucesso, né? This render error, this render sucess. Você pode, na verdade, usar a mesma função? Eu vou ver. Talvez a gente pode mudar render error para render message. E se tiver um erro, mostra o erro. Se não, se tiver um mensagem de sucesso, mostra com a cor verde e assim por diante. Então, vamos fazer isso. O que eu quero que você faça é mudar o nome da função desse cara para render message. Mensagem. E dentro do render message, você vai checar se tiver o erro, mostra esse mensagem vermelho. Se tiver, se não, se tiver um sucesso, desse próprio sucesso, mande o mensagem de texto em verde. Tá bom? E aí, dá tudo certo? Vamos lá. Vou mudar o nome para render message. Ou alert, depende se você vai fazer alert. Deve ser um nome melhor, mas vou dar message. Message. Render message, mudeu o nome. This props error. Else if this props success, Return, ok. Text com this props success, mensagem e estilo cor verde. Tá bom? Agora, a gente não tem sucesso ainda nas propriedades, porque a gente tem que injetar lá no final. Map this patch to props, so, desculpa, map state to props, add some success. Success. Final auth. Tudo ok? E para mostrar mensagem de sucesso, a gente vai clicar lá no action creator do register user, cd, certo? Then, você vai passar o register user sucesso, também vai passar um payload com uma mensagem de sucesso. Nesse caso, pode ser, você, pode fazer aqui ou pode fazer dentro do off reducer, tá bom? Se você não quiser fazer aqui, vamos deixar aqui, vamos lá para o register user sucesso, vamos fazer lá mesmo. Here, dentro do off reducer, no register user sucesso, se for sucesso, eu quero que você adicione mensagem de sucesso, tá bom? Success. Você pode retornar ao initial state, assim. E adicionar sucesso. Cadastro. Pode fazer uma mensagem, você foi cadastrado. Cadastro. Alguma coisa assim, cadastro foi ok entre seus credenciais. Esqueci de fechar o objeto. Tá bom? Pode mandar uma mensagem assim. Nem postado, mas também adiciona mensagem de sucesso, o cara acha ok, favor entre seus credenciais. Então, a gente pode botar essa mensagem lá do, aqui, como payload ou pode deixar aqui. Depende de você, normalmente a gente fez com erro, pegou do payload, então, se você quiser fazer isso com um exercício, manda mensagem de sucesso como action.payload. Vou salvar. Testar. Cadastro. Nada. Criar um usuário. Deu eu, um dois três quatro cinco seis, cadastra. Cadastro ok, por favor, entre seus credenciais. Ana, meu ponto com. Um dois três quatro cinco seis, entrar. Tudo ok. Volta para ver se não tem nenhum mensagem de sucesso. Tudo bem. Tá bom? Vou remover o set time out. Não precisamos mais do meu action creator. Vou remover o set time out. Não precisamos mais do meu action creator. Bom.