From 06549f66cd07e4568a9f29465c53e1e7574fada1 Mon Sep 17 00:00:00 2001
From: Hannes Heine <hannes.heine@gmail.com>
Date: Mon, 9 Aug 2021 10:22:23 +0200
Subject: [PATCH] Withdrew the loginAPI call and replaced it with the Apollo
 query.

---
 frontend/src/views/Pages/Register.vue | 47 +++++++++++++--------------
 1 file changed, 23 insertions(+), 24 deletions(-)

diff --git a/frontend/src/views/Pages/Register.vue b/frontend/src/views/Pages/Register.vue
index b0b2e4cd6..570bd83db 100755
--- a/frontend/src/views/Pages/Register.vue
+++ b/frontend/src/views/Pages/Register.vue
@@ -128,9 +128,9 @@
   </div>
 </template>
 <script>
-import loginAPI from '../../apis/loginAPI'
 import InputEmail from '../../components/Inputs/InputEmail.vue'
 import InputPasswordConfirmation from '../../components/Inputs/InputPasswordConfirmation.vue'
+import { resgisterUserQuery } from '../../graphql/queries'
 
 export default {
   components: { InputPasswordConfirmation, InputEmail },
@@ -173,33 +173,32 @@ export default {
       })
     },
     async onSubmit() {
-      const result = await loginAPI.create(
-        this.form.email,
-        this.form.firstname,
-        this.form.lastname,
-        this.form.password.password,
-      )
-      if (result.success) {
-        /* this.$store.dispatch('login', {
-          sessionId: result.result.data.session_id,
-          user: {
+      this.$axios
+        .query({
+          query: resgisterUserQuery,
+          variables: {
             email: this.form.email,
             firstName: this.form.firstname,
-            lastName: this.form.lastname
-          }
-
+            lastName: this.form.lastname,
+            password: this.form.password.password,
+          },
         })
-        */
-        this.form.email = ''
-        this.form.firstname = ''
-        this.form.lastname = ''
-        this.form.password.password = ''
+        .then((result) => {
+          if (result.success) {
+            this.form.email = ''
+            this.form.firstname = ''
+            this.form.lastname = ''
+            this.form.password.password = ''
 
-        this.$router.push('/thx/register')
-      } else {
-        this.showError = true
-        this.messageError = result.result.message
-      }
+            this.$router.push('/thx/register')
+          } else {
+            throw new Error(result.errors[0].message)
+          }
+        })
+        .catch((error) => {
+          this.showError = true
+          this.messageError = error.message
+        })
     },
     closeAlert() {
       this.showError = false