add mode forpending user to join leave button

This commit is contained in:
mahula 2023-03-13 17:02:37 +01:00
parent 6eccde6cbe
commit f38cf84288
2 changed files with 15 additions and 4 deletions

View File

@ -24,6 +24,7 @@ export default {
group: { type: Object, required: true },
userId: { type: String, required: true },
isMember: { type: Boolean, required: true },
isNonePendingMember: { type: Boolean, required: true },
disabled: { type: Boolean, default: false },
loading: { type: Boolean, default: false },
},
@ -35,15 +36,24 @@ export default {
},
computed: {
icon() {
if (this.isMember && this.hovered) {
return 'close'
if (this.isMember) {
if (this.hovered) {
return 'close'
} else if (this.isNonePendingMember) {
return 'check'
} else {
return 'question-circle'
}
} else {
return this.isMember ? 'check' : 'plus'
return 'plus'
}
},
label() {
if (this.isMember) {
return this.$t('group.joinLeaveButton.iAmMember')
if (this.isNonePendingMember) {
return this.$t('group.joinLeaveButton.iAmMember')
}
return this.$t('group.joinLeaveButton.pendingMember')
} else {
return this.$t('group.joinLeaveButton.join')
}

View File

@ -102,6 +102,7 @@
:group="group || {}"
:userId="currentUser.id"
:isMember="isGroupMember"
:isNonePendingMember="isGroupMemberNonePending"
:disabled="isGroupOwner"
:loading="$apollo.loading"
@prepare="prepareJoinLeave"