Move logout link to sidebar

client/src/components/profile/ProfileSidebar.vue

@@ -7,11 +7,15 @@
     <div class="profile-sidebar__item" @click="closeSidebar">
       <router-link to="/me/activity" class="profile-sidebar__link">Meine Aktivitäten</router-link>
     </div>
-
+    <div class="profile-sidebar__item" @click="closeSidebar">
-    <a class="profile-sidebar__item profile-sidebar__link">Klasse</a>
+      <router-link :to="{name: 'my-classes'}" class="profile-sidebar__link">Klassenliste</router-link>
+    </div>
     <div class="profile-sidebar__item" @click="closeSidebar">
       <router-link :to="{name:'join-class'}" class="profile-sidebar__link">Zugangscode eingeben</router-link>
     </div>
+    <div class="profile-sidebar__item" @click="logout">
+      <a class="profile-sidebar__link">Logout</a>
+    </div>
   </div>
 </template>
 
@@ -21,6 +25,7 @@
 
   import SIDEBAR from '@/graphql/gql/local/sidebar.gql';
   import TOGGLE_SIDEBAR from '@/graphql/gql/local/mutations/toggleSidebar.gql';
+  import LOGOUT_MUTATION from '@/graphql/gql/mutations/logoutUser.gql';
 
   export default {
     components: {
@@ -36,6 +41,15 @@
             open: false
           }
         });
+      },
+      logout() {
+        this.$apollo.mutate({
+          mutation: LOGOUT_MUTATION,
+        }).then(({data}) => {
+          if (data.logout.success) {
+            location.replace('/logout')
+          }
+        });
       }
     },