From dd95e1414b96baeddf520ab6276995e4346719f1 Mon Sep 17 00:00:00 2001 From: Erik Borgeteien Hansen <erik@erikbhan.no> Date: Mon, 25 Apr 2022 13:26:03 +0200 Subject: [PATCH] add error message display for user --- src/components/RegisterFormComponent.vue | 39 +++++++++++++----------- 1 file changed, 22 insertions(+), 17 deletions(-) diff --git a/src/components/RegisterFormComponent.vue b/src/components/RegisterFormComponent.vue index 94d3e3d..4d45b10 100644 --- a/src/components/RegisterFormComponent.vue +++ b/src/components/RegisterFormComponent.vue @@ -108,6 +108,7 @@ <strong>{{ error.$message }}</strong> </p> </section> + <p v-if="errorMessage">{{ errorMessage }}</p> </template> <script> @@ -122,6 +123,7 @@ export default { setup: () => ({ v$: useVuelidate() }), data() { return { + errorMessage: "", loading: false, email: "", pword: "", @@ -165,24 +167,27 @@ export default { //If a user is created succsessfully, try to login //If we get this far, we will be pushed anyway so there is no point updating "loading" - if (userCreated) { - const loginRequest = { - email: this.email, - password: this.pword, - }; - - const loginResponse = await doLogin(loginRequest); - - if (loginResponse === "Failed login") { - this.message = "kunne ikke logge inn"; - this.$store.commit("logout"); - this.$router.push("/login"); - return; - } - - this.$store.commit("saveToken", loginResponse); - this.$router.push("/"); + if (!userCreated) { + this.errorMessage = "Could not create user."; + return; + } + + const loginRequest = { + email: this.email, + password: this.pword, + }; + + const loginResponse = await doLogin(loginRequest); + + if (loginResponse === "Failed login") { + this.errorMessage = "Failed to log in with new user"; + this.$store.commit("logout"); + this.$router.push("/login"); + return; } + + this.$store.commit("saveToken", loginResponse); + this.$router.push("/"); }, async sendRegisterRequest() { const registerInfo = { -- GitLab