From fc62a82342f25bcf926c8741ef1765a965b4bbda Mon Sep 17 00:00:00 2001
From: rijkvanzanten <rijkvanzanten@me.com>
Date: Wed, 30 Sep 2020 16:44:42 -0400
Subject: [PATCH] Use validation errors on webhooks detail page

---
 .../settings/routes/webhooks/detail.vue       | 20 +++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/app/src/modules/settings/routes/webhooks/detail.vue b/app/src/modules/settings/routes/webhooks/detail.vue
index 07cf29bd39..c6a177bdc8 100644
--- a/app/src/modules/settings/routes/webhooks/detail.vue
+++ b/app/src/modules/settings/routes/webhooks/detail.vue
@@ -54,6 +54,7 @@
 			collection="directus_webhooks"
 			:batch-mode="isBatch"
 			:primary-key="primaryKey"
+			:validation-errors="validationErrors"
 			v-model="edits"
 		/>
 
@@ -93,10 +94,20 @@ export default defineComponent({
 	setup(props) {
 		const { primaryKey } = toRefs(props);
 
-		const { isNew, edits, item, saving, loading, error, save, remove, deleting, saveAsCopy, isBatch } = useItem(
-			ref('directus_webhooks'),
-			primaryKey
-		);
+		const {
+			isNew,
+			edits,
+			item,
+			saving,
+			loading,
+			error,
+			save,
+			remove,
+			deleting,
+			saveAsCopy,
+			isBatch,
+			validationErrors,
+		} = useItem(ref('directus_webhooks'), primaryKey);
 
 		const hasEdits = computed<boolean>(() => Object.keys(edits.value).length > 0);
 		const confirmDelete = ref(false);
@@ -125,6 +136,7 @@ export default defineComponent({
 			isBatch,
 			marked,
 			title,
+			validationErrors,
 		};
 
 		async function saveAndQuit() {