pleroma-fe

commit: fd37957abda0a7467f22dff888a6134d249de134
parent: c1a20079bef51dc38cb9826cee5bb2fbfe2cf68b
Author: lain <lain@soykaf.club>
Date:   Fri, 10 Jul 2020 10:55:39 +0000

Merge branch 'feat/add-chat-notification-dot-mobilenav' into 'develop'

add simple red dot for chat notifs on mobile

See merge request pleroma/pleroma-fe!1177
Diffstat:
M
src/components/mobile_nav/mobile_nav.js
4
+++-
M
src/components/mobile_nav/mobile_nav.vue
4
++++

2 files changed, 7 insertions(+), 1 deletion(-)
diff --git a/src/components/mobile_nav/mobile_nav.js b/src/components/mobile_nav/mobile_nav.js
@@ -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 () {
diff --git a/src/components/mobile_nav/mobile_nav.vue b/src/components/mobile_nav/mobile_nav.vue
@@ -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"