Add icons to extra notifications

This commit is contained in:
tusooa 2023-08-18 21:35:56 -04:00
parent a2c21e2742
commit ebee2bda63
No known key found for this signature in database
GPG Key ID: 42AEC43D48433C51
2 changed files with 32 additions and 0 deletions

View File

@ -1,5 +1,18 @@
import { mapGetters } from 'vuex' 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 = { const ExtraNotifications = {
computed: { computed: {
shouldShowChats () { shouldShowChats () {

View File

@ -7,6 +7,11 @@
class="button-unstyled -link extra-notification" class="button-unstyled -link extra-notification"
:to="{ name: 'chats', params: { username: currentUser.screen_name } }" :to="{ name: 'chats', params: { username: currentUser.screen_name } }"
> >
<FAIcon
fixed-width
class="fa-scale-110 icon"
icon="comments"
/>
{{ $tc('notifications.unread_chats', unreadChatCount, { num: unreadChatCount }) }} {{ $tc('notifications.unread_chats', unreadChatCount, { num: unreadChatCount }) }}
</router-link> </router-link>
</div> </div>
@ -17,6 +22,11 @@
class="button-unstyled -link extra-notification" class="button-unstyled -link extra-notification"
:to="{ name: 'announcements' }" :to="{ name: 'announcements' }"
> >
<FAIcon
fixed-width
class="fa-scale-110 icon"
icon="bullhorn"
/>
{{ $tc('notifications.unread_announcements', unreadAnnouncementCount, { num: unreadAnnouncementCount }) }} {{ $tc('notifications.unread_announcements', unreadAnnouncementCount, { num: unreadAnnouncementCount }) }}
</router-link> </router-link>
</div> </div>
@ -27,6 +37,11 @@
class="button-unstyled -link extra-notification" class="button-unstyled -link extra-notification"
:to="{ name: 'friend-requests' }" :to="{ name: 'friend-requests' }"
> >
<FAIcon
fixed-width
class="fa-scale-110 icon"
icon="user-plus"
/>
{{ $tc('notifications.unread_follow_requests', followRequestCount, { num: followRequestCount }) }} {{ $tc('notifications.unread_follow_requests', followRequestCount, { num: followRequestCount }) }}
</router-link> </router-link>
</div> </div>
@ -81,6 +96,10 @@
padding: 1em; padding: 1em;
} }
.icon {
margin-right: 0.5em;
}
.tip { .tip {
display: inline; display: inline;
} }