diff --git a/src/components/extra_notifications/extra_notifications.js b/src/components/extra_notifications/extra_notifications.js
index 01df12a3..1bb0f837 100644
--- a/src/components/extra_notifications/extra_notifications.js
+++ b/src/components/extra_notifications/extra_notifications.js
@@ -1,5 +1,18 @@
import { mapGetters } from 'vuex'
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+ faUserPlus,
+ faComments,
+ faBullhorn
+} from '@fortawesome/free-solid-svg-icons'
+
+library.add(
+ faUserPlus,
+ faComments,
+ faBullhorn
+)
+
const ExtraNotifications = {
computed: {
shouldShowChats () {
diff --git a/src/components/extra_notifications/extra_notifications.vue b/src/components/extra_notifications/extra_notifications.vue
index 308c79d1..512f515c 100644
--- a/src/components/extra_notifications/extra_notifications.vue
+++ b/src/components/extra_notifications/extra_notifications.vue
@@ -7,6 +7,11 @@
class="button-unstyled -link extra-notification"
:to="{ name: 'chats', params: { username: currentUser.screen_name } }"
>
+
{{ $tc('notifications.unread_chats', unreadChatCount, { num: unreadChatCount }) }}
@@ -17,6 +22,11 @@
class="button-unstyled -link extra-notification"
:to="{ name: 'announcements' }"
>
+
{{ $tc('notifications.unread_announcements', unreadAnnouncementCount, { num: unreadAnnouncementCount }) }}
@@ -27,6 +37,11 @@
class="button-unstyled -link extra-notification"
:to="{ name: 'friend-requests' }"
>
+
{{ $tc('notifications.unread_follow_requests', followRequestCount, { num: followRequestCount }) }}
@@ -81,6 +96,10 @@
padding: 1em;
}
+ .icon {
+ margin-right: 0.5em;
+ }
+
.tip {
display: inline;
}