Fix invalid invites

frontend/src/components/routes/TeamInvite.vue

@@ -1,6 +1,6 @@
 <template>
   <main>
-    <modal-window v-model='showRoleInfo' :loading='loading' style='z-index: 99; '>
+    <modal-window v-if="team.Role.name" v-model='showRoleInfo' :loading='loading' style='z-index: 99; '>
       <div slot="header">
         Viewing {{team.Role.name}}&nbsp;<b-tooltip class="is-info" label="You are viewing the permissions that this Auto Role provides">
         <b-tag class="is-info" rounded><i class="fas fa-info-circle"></i></b-tag>
@@ -70,7 +70,14 @@ export default {
     return {
       team: {
         name: '',
-        picture: ''
+        picture: '',
+        Team: {
+          name: '',
+          username: ''
+        },
+        Role: {
+          name: ''
+        }
       },
       showRoleInfo: false,
       expired: false,