Testing webhooks

src/static/app/src/components/settingsComponent/dashboardWebHooks.vue

@@ -57,18 +57,22 @@ const selectedWebHook = ref(undefined)
 								<p class="mb-0 fw-bold text-body url" >
 									{{ webHook.PayloadURL }}
 								</p>
-								<small>
+								<p class="url mb-0">
 									<LocaleText t="Subscribed Actions"></LocaleText>:
 									{{ webHook.SubscribedActions.join(", ")}}
-								</small>
+								</p>
 							</a>
 							<div class="flex-grow-1 d-flex text-muted" v-else>
 								<LocaleText t="No Webhooks" class="m-auto"></LocaleText>
 							</div>
 						</div>
 					</div>
-					<div class="col-sm-8 overflow-scroll h-100" v-if="selectedWebHook">
-						<AddWebHook :webHook="selectedWebHook" @refresh="getWebHooks()" :key="selectedWebHook.WebHookID"></AddWebHook>
+					<div class="col-sm-8 overflow-scroll h-100" >
+						<AddWebHook
+							:key="selectedWebHook"
+							v-if="selectedWebHook"
+							@delete="getWebHooks(); selectedWebHook = undefined;"
+							:webHook="selectedWebHook" @refresh="getWebHooks()" ></AddWebHook>
 					</div>
 				</div>
 				<suspense v-else>

src/static/app/src/components/settingsComponent/dashboardWebHooksComponents/addWebHook.vue

@@ -30,7 +30,7 @@ const Actions = ref({
 	'peer_deleted': "Peer Deleted",
 	'peer_updated': "Peer Updated"
 })
-const emits = defineEmits(['refresh'])
+const emits = defineEmits(['refresh', 'delete'])
 
 const alert = ref(false)
 const alertMsg = ref("")
@@ -48,6 +48,19 @@ const submitWebHook = async (e) => {
 		submitting.value = false
 	})
 }
+
+const deleteWebHook = async () => {
+	submitting.value = true;
+	await fetchPost("/api/webHooks/deleteWebHook", newWebHook.value, (res) => {
+		if (res.status){
+			emits('delete')
+		}else{
+			alert.value = true
+			alertMsg.value = res.message
+		}
+		submitting.value = false
+	})
+}
 </script>
 
 <template>
@@ -208,7 +221,7 @@ const submitWebHook = async (e) => {
 				<h6 class="mb-0">
 					<LocaleText t="Danger Zone"></LocaleText></h6>
 				<button
-					@click="confirmDelete = true"
+					@click="deleteWebHook()"
 					type="button"
 					:class="{disabled: submitting}"
 					class="btn bg-danger-subtle text-danger-emphasis border-danger-subtle rounded-3 ms-auto">