From 6ec84745cf26afa77018d1fe97964262c3326e29 Mon Sep 17 00:00:00 2001
From: Nitwel <mail@nitwel.de>
Date: Wed, 1 Dec 2021 20:15:25 +0100
Subject: [PATCH] fix notification not clickable on singleton collection
 (#10094)

---
 .../private/components/notifications-drawer.vue      | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/src/views/private/components/notifications-drawer.vue b/app/src/views/private/components/notifications-drawer.vue
index 9ecf89dccc..3801cde0f7 100644
--- a/app/src/views/private/components/notifications-drawer.vue
+++ b/app/src/views/private/components/notifications-drawer.vue
@@ -55,7 +55,7 @@
 <script lang="ts">
 import { defineComponent, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { useAppStore, useUserStore, useNotificationsStore } from '@/stores';
+import { useAppStore, useUserStore, useNotificationsStore, useCollectionsStore } from '@/stores';
 import { storeToRefs } from 'pinia';
 import { Notification } from '@directus/shared/types';
 import api from '@/api';
@@ -78,6 +78,7 @@ export default defineComponent({
 		const appStore = useAppStore();
 		const userStore = useUserStore();
 		const notificationsStore = useNotificationsStore();
+		const collectionsStore = useCollectionsStore();
 
 		const router = useRouter();
 
@@ -187,7 +188,14 @@ export default defineComponent({
 		}
 
 		function onRowClick({ item }: { item: Item; event: PointerEvent }) {
-			router.push(`/content/${item.collection}/${item.item}`);
+			const collection = collectionsStore.getCollection(item.collection);
+
+			if (collection?.meta?.singleton) {
+				router.push(`/content/${item.collection}`);
+			} else {
+				router.push(`/content/${item.collection}/${item.item}`);
+			}
+
 			notificationsDrawerOpen.value = false;
 		}
 	},