From 72a88696ec10a1c303c85cced9e2f59eba2e49a6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A9mi=20Alvergnat?= <toilal.dev@gmail.com>
Date: Wed, 3 Nov 2021 20:39:21 +0100
Subject: [PATCH] Fix related value for alias typed fields (#9210) (#9401)

---
 app/src/displays/related-values/related-values.vue | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/app/src/displays/related-values/related-values.vue b/app/src/displays/related-values/related-values.vue
index 1f43561563..629ca5f46e 100644
--- a/app/src/displays/related-values/related-values.vue
+++ b/app/src/displays/related-values/related-values.vue
@@ -1,7 +1,7 @@
 <template>
 	<value-null v-if="!relatedCollection" />
 	<v-menu
-		v-else-if="['o2m', 'm2m', 'm2a', 'translations', 'files'].includes(type.toLowerCase())"
+		v-else-if="['o2m', 'm2m', 'm2a', 'translations', 'files'].includes(localType.toLowerCase())"
 		show-arrow
 		:disabled="value.length === 0"
 	>
@@ -35,6 +35,7 @@ import { defineComponent, computed, PropType } from 'vue';
 import getRelatedCollection from '@/utils/get-related-collection';
 import { useCollection } from '@directus/shared/composables';
 import ValueNull from '@/views/private/components/value-null';
+import { getLocalTypeForField } from '../../modules/settings/routes/data-model/get-local-type';
 
 export default defineComponent({
 	components: { ValueNull },
@@ -55,10 +56,6 @@ export default defineComponent({
 			type: String,
 			default: null,
 		},
-		type: {
-			type: String,
-			required: true,
-		},
 	},
 	setup(props) {
 		const { t, te } = useI18n();
@@ -67,6 +64,10 @@ export default defineComponent({
 			return getRelatedCollection(props.collection, props.field);
 		});
 
+		const localType = computed(() => {
+			return getLocalTypeForField(props.collection, props.field);
+		});
+
 		const { primaryKeyField } = useCollection(relatedCollection);
 
 		const internalTemplate = computed(() => {
@@ -93,7 +94,7 @@ export default defineComponent({
 			return null;
 		});
 
-		return { relatedCollection, primaryKeyField, getLinkForItem, internalTemplate, unit };
+		return { relatedCollection, primaryKeyField, getLinkForItem, internalTemplate, unit, localType };
 
 		function getLinkForItem(item: any) {
 			if (!relatedCollection.value || !primaryKeyField.value) return null;