fix(webapp): join leave button for pending members

webapp/components/Button/JoinLeaveButton.vue

@@ -58,14 +58,6 @@ export default {
       }
       return this.$t('group.joinLeaveButton.join')
     },
-    tooltip() {
-      return {
-        content: this.$t('group.joinLeaveButton.tooltip'),
-        placement: 'right',
-        show: this.isMember && !this.isNonePendingMember && this.hovered,
-        trigger: this.isMember && !this.isNonePendingMember ? 'hover' : 'manual',
-      }
-    },
   },
   watch: {
     isMember() {
@@ -80,6 +72,14 @@ export default {
     ...mapMutations({
       commitModalData: 'modal/SET_OPEN',
     }),
+    tooltip() {
+      return {
+        content: this.$t('group.joinLeaveButton.tooltip'),
+        placement: 'right',
+        show: this.isMember && !this.isNonePendingMember && this.hovered,
+        trigger: this.isMember && !this.isNonePendingMember ? 'hover' : 'manual',
+      }
+    },
     onHover() {
       if (!this.disabled && !this.localLoading) {
         this.hovered = true

webapp/pages/group/_id/_slug.vue

@@ -565,7 +565,7 @@ export default {
     // },
     prepareJoinLeave() {
       // "membersCountStartValue" is updated to avoid counting from 0 when join/leave
-      this.membersCountStartValue = this.GroupMembers.length
+      this.membersCountStartValue = (this.GroupMembers && this.GroupMembers.length) || 0
     },
     updateJoinLeave({ myRoleInGroup }) {
       this.Group[0].myRole = myRoleInGroup