add simple red dot for chat notifs

This commit is contained in:
Shpuld Shpuldson 2020-07-10 13:21:42 +03:00
parent c1a20079be
commit 0038a9794b
2 changed files with 7 additions and 1 deletions

View file

@ -2,6 +2,7 @@ import SideDrawer from '../side_drawer/side_drawer.vue'
import Notifications from '../notifications/notifications.vue'
import { unseenNotificationsFromStore } from '../../services/notification_utils/notification_utils'
import GestureService from '../../services/gesture_service/gesture_service'
import { mapGetters } from 'vuex'
const MobileNav = {
components: {
@ -33,7 +34,8 @@ const MobileNav = {
sitename () { return this.$store.state.instance.name },
isChat () {
return this.$route.name === 'chat'
}
},
...mapGetters(['unreadChatCount'])
},
methods: {
toggleMobileSidebar () {

View file

@ -16,6 +16,10 @@
@click.stop.prevent="toggleMobileSidebar()"
>
<i class="button-icon icon-menu" />
<div
v-if="unreadChatCount"
class="alert-dot"
/>
</a>
<router-link
v-if="!hideSitename"