menu-dropdown.item-notifications(:right="true", @toggled="handleOpenStatusChange", :openStatus="openStatus")
div(slot="dropdown-toggle")
div(v-b-tooltip.hover.bottom="$t('notifications')")
message-count(
v-if='notificationsCount > 0',
:count="notificationsCount",
:top="true",
:gray="!hasUnseenNotifications",
)
.top-menu-icon.svg-icon.notifications(v-html="icons.notifications")
div(slot="dropdown-content")
.dropdown-item.dropdown-separated.d-flex.justify-content-between.dropdown-inactive.align-items-center(
@click.stop=""
)
h4.dropdown-title(v-once) {{ $t('notifications') }}
a.small-link.standard-link(@click="dismissAll", :disabled="notificationsCount === 0") {{ $t('dismissAll') }}
world-boss
component(
:is="notification.type",
:key="notification.id",
v-for="notification in notifications",
:notification="notification",
:can-remove="!isActionable(notification)",
)
.dropdown-item.dropdown-separated.d-flex.justify-content-center.dropdown-inactive.no-notifications.flex-column(
v-if="notificationsCount === 0"
)
.svg-icon(v-html="icons.success")
h2 {{ $t('noNotifications') }}
p {{ $t('noNotificationsText') }}