From 3d269dcdbde0c71c1901a3fc2c8730fd4fc6d502 Mon Sep 17 00:00:00 2001
From: Erik Borgeteien Hansen <erik@erikbhan.no>
Date: Fri, 6 May 2022 10:54:51 +0200
Subject: [PATCH] add display email error
---
.../UserAuthComponents/RegisterForm.vue | 27 ++++++++-----------
1 file changed, 11 insertions(+), 16 deletions(-)
diff --git a/src/components/UserAuthComponents/RegisterForm.vue b/src/components/UserAuthComponents/RegisterForm.vue
index da8011b..d91f5bd 100644
--- a/src/components/UserAuthComponents/RegisterForm.vue
+++ b/src/components/UserAuthComponents/RegisterForm.vue
@@ -25,14 +25,13 @@
v-for="(error, index) of v$.email.$errors"
:key="index"
>
- <div
- class="text-error-medium text-sm"
- v-show="showError"
- id="emailErrorId"
- >
+ <div class="text-error-medium text-sm" v-show="showError">
{{ error.$message }}
</div>
</div>
+ <div class="text-error-medium text-sm" v-show="errorMessage">
+ {{ errorMessage }}
+ </div>
</div>
<div>
@@ -166,7 +165,7 @@
<script>
import useVuelidate from "@vuelidate/core";
-import { doLogin, registerUser } from "@/utils/apiutil";
+import { doLogin } from "@/utils/apiutil";
import {
required,
email,
@@ -246,10 +245,7 @@ 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) {
- this.errorMessage = "Could not create user.";
- return;
- }
+ if (!userCreated) return;
const loginRequest = {
email: this.email,
@@ -270,17 +266,16 @@ export default {
await this.$router.push("/");
},
async sendRegisterRequest() {
- const registerInfo = {
+ const userInfo = {
email: this.email,
firstName: this.firstName,
- lastname: this.lastName,
+ lastName: this.lastName,
password: this.password,
address: this.address,
};
-
- const response = await registerUser(registerInfo);
-
- return response.status === 200;
+ const res = await UserService.registerUser(userInfo);
+ this.errorMessage = res;
+ return res.status === 200;
},
},
};
--
GitLab