diff --git a/front/src/ui/components/Sidebar.vue b/front/src/ui/components/Sidebar.vue index c62be7c78..4cf4fbfa3 100644 --- a/front/src/ui/components/Sidebar.vue +++ b/front/src/ui/components/Sidebar.vue @@ -5,6 +5,8 @@ import { useI18n } from 'vue-i18n' import { useStore } from '~/store' import { useModal } from '~/ui/composables/useModal.ts' +import onKeyboardShortcut from '~/composables/onKeyboardShortcut' + import Logo from '~/components/Logo.vue' import Input from '~/components/ui/Input.vue' import Link from '~/components/ui/Link.vue' @@ -34,6 +36,15 @@ const uploads = useUploadsStore() const logoUrl = computed(() => store.state.auth.authenticated ? 'library.index' : 'index') const isOpen = ref(false) + + +// Admin notifications + +const moderationNotifications = computed(() => + store.state.ui.notifications.pendingReviewEdits + + store.state.ui.notifications.pendingReviewReports + + store.state.ui.notifications.pendingReviewRequests +) @@ -68,12 +79,12 @@ const isOpen = ref(false) style="align-items: center;" > - {{ $t('components.Sidebar.link.library') }} + {{ t('components.Sidebar.link.library') }} - {{ $store.state.ui.notifications.pendingReviewEdits }} + {{ store.state.ui.notifications.pendingReviewEdits }} - {{ $t('components.Sidebar.link.moderation') }} + {{ t('components.Sidebar.link.moderation') }} - {{ $store.state.ui.notifications.pendingReviewReports + $store.state.ui.notifications.pendingReviewRequests }} + {{ store.state.ui.notifications.pendingReviewReports + store.state.ui.notifications.pendingReviewRequests }} - {{ $t('components.Sidebar.link.users') }} + {{ t('components.Sidebar.link.users') }} - {{ $t('components.Sidebar.link.settings') }} + {{ t('components.Sidebar.link.settings') }} @@ -178,6 +189,7 @@ const isOpen = ref(false) :class="[$style['menu-links'], isCollapsed && 'hide-on-mobile']" >