Fix reactivity on m2m relation setup

Fixes #5839
directus · May 24, 2021 · 2660c39 · 2660c39
1 parent 374e6e5
commit 2660c39
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/.changeset/fair-dingos-accept.md b/.changeset/fair-dingos-accept.md
@@ -0,0 +1,6 @@
+---
+'@directus/app': patch
+---
+
+Fixed issue where using an existing junction collection wouldn't allow you to continue in the many to many field setup
+flow
diff --git a/app/src/modules/settings/routes/data-model/field-detail/components/relationship-m2m.vue b/app/src/modules/settings/routes/data-model/field-detail/components/relationship-m2m.vue
@@ -31,7 +31,7 @@
 									v-for="collection in availableCollections"
 									:key="collection.collection"
 									:active="relations[0].collection === collection.collection"
-									@click="relations[0].collection = collection.collection"
+									@click="junctionCollection = collection.collection"
 								>
 									<v-list-item-content>
 										{{ collection.collection }}
@@ -46,7 +46,7 @@
 										v-for="collection in systemCollections"
 										:key="collection.collection"
 										:active="relations[0].collection === collection.collection"
-										@click="relations[0].collection = collection.collection"
+										@click="junctionCollection = collection.collection"
 									>
 										<v-list-item-content>
 											{{ collection.collection }}
@@ -352,7 +352,7 @@
 						},
 						{
 							text: $t('referential_action_cascade', {
-								collection: relatedCollectionName,
+								collection: junctionCollectionName,
 								field: junctionRelatedM2OFieldName,
 							}),
 							value: 'CASCADE',