From 07071148e36b15bad68e3b4d2aa1c30b328ff54f Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Thu, 25 Mar 2021 23:13:31 +0100
Subject: [PATCH] Add join team mutation to client

---
 client/src/pages/me/joinTeam.vue | 32 ++++++++++++++++++++++++++++----
 1 file changed, 28 insertions(+), 4 deletions(-)

diff --git a/client/src/pages/me/joinTeam.vue b/client/src/pages/me/joinTeam.vue
index ed3910c5..6e8dcfa5 100644
--- a/client/src/pages/me/joinTeam.vue
+++ b/client/src/pages/me/joinTeam.vue
@@ -11,6 +11,9 @@
 </template>
 
 <script>
+  import JOIN_TEAM_MUTATION from '@/graphql/gql/mutations/joinTeam.gql';
+  import ME_QUERY from '@/graphql/gql/meQuery.gql';
+
   import JoinForm from '@/components/profile/JoinForm';
   import {MY_TEAM} from '@/router/me.names';
 
@@ -24,8 +27,8 @@
         code: '',
         error: '',
         teamRoute: {
-          name: MY_TEAM
-        }
+          name: MY_TEAM,
+        },
       };
     },
 
@@ -38,8 +41,29 @@
         this.$router.push(this.teamRoute);
       },
       joinTeam(code) {
-        // todo
-        console.log('joinTeam', code);
+        this.$apollo.mutate({
+          mutation: JOIN_TEAM_MUTATION,
+          variables: {
+            'input': {
+              'code': code,
+            },
+          },
+          update: (store, {data: {joinTeam: {team}}}) => {
+            const query = ME_QUERY;
+            const data = store.readQuery({query});
+            store.writeQuery({
+              query,
+              data: {
+                ...data,
+                me: {
+                  ...data.me,
+                  team: team,
+                },
+              },
+            });
+            this.$router.push({name: MY_TEAM});
+          },
+        });
       },
     },
   };