ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2026-04-27 15:09:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(webapp): close popover notification menu

Browse Source
This commit is contained in:
elweyn 2023-03-20 14:44:24 +01:00
parent 8e58e1a395
commit 593b81c501
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
webapp/components/NotificationMenu/NotificationMenu.vue
View File

@ -12,7 +12,7 @@
<counter-icon icon="bell" :count="unreadNotificationsCount" danger /> <counter-icon icon="bell" :count="unreadNotificationsCount" danger />
</base-button> </base-button>
</template> </template>
<template #popover> <template #popover="{ closeMenu }">
<div class="notifications-menu-popover"> <div class="notifications-menu-popover">
<notification-list :notifications="notifications" @markAsRead="markAsRead" /> <notification-list :notifications="notifications" @markAsRead="markAsRead" />
</div> </div>
@ -25,7 +25,7 @@
</nuxt-link> </nuxt-link>
</ds-flex-item> </ds-flex-item>
<ds-flex-item :width="{ base: 'auto' }" centered> <ds-flex-item :width="{ base: 'auto' }" centered>
<ds-button ghost primary @click="markAllAsRead" data-test="markAllAsRead-button"> <ds-button ghost primary @click="markAllAsRead(closeMenu)" data-test="markAllAsRead-button">
{{ $t('notifications.markAllAsRead') }} {{ $t('notifications.markAllAsRead') }}
</ds-button> </ds-button>
</ds-flex-item> </ds-flex-item>
@ -74,11 +74,12 @@ export default {
this.$toast.error(error.message) this.$toast.error(error.message)
} }
}, },
async markAllAsRead() { async markAllAsRead(closeMenu) {
if (!this.hasNotifications) { if (!this.hasNotifications) {
return return
} }
closeMenu()
try { try {
await this.$apollo.mutate({ await this.$apollo.mutate({
mutation: markAllAsReadMutation(this.$i18n), mutation: markAllAsReadMutation(this.$i18n),