feat(pluginform): cancel of plugin edit redirects to plugin select

Kong · Jan 10, 2025 · 3b51ed9 · 3b51ed9
1 parent fab32d5
commit 3b51ed9
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/pages/plugins/Form.vue b/src/pages/plugins/Form.vue
@@ -14,6 +14,7 @@
     :disable-scope-selection="disableScopeSelection"
     @error:fetch-schema="onFetchSchemaError"
     @update="onSave"
+    @cancel="onFormCancel"
   />
 </template>
 
@@ -77,13 +78,22 @@ const cancelRoute = computed(() => {
 
 const config = reactive({
   ...toRefs(useFormGeneralConfig()),
-  cancelRoute,
   entityId: computed(() => entityScope.value?.id ?? ''),
   entityType: computed(() => entityScope.value?.typeLiteral),
   disableConsumerGroupScope: true,
   isNewOtelSchema: true,
 })
 
+// return to previous page on cancel
+const onFormCancel = (): void => {
+  if (history.state?.back) {
+    router.back()
+    return
+  } else {
+    router.push(cancelRoute.value)
+  }
+}
+
 const onFetchSchemaError = (err: AxiosError) => {
   if (err.response?.status === 404) {
     router.replace({ name: 'not-found' })