pkp/pkp-lib#10337 Show error dialog/notification when form or useFetc…

…h receives errors from API
blesildaramirez · Feb 13, 2025 · a448960 · a448960
1 parent c8d9700
commit a448960
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/Form/Form.vue b/src/components/Form/Form.vue
@@ -447,7 +447,7 @@ export default {
 		 */
 		error: function (r) {
 			// Field validation errors
-			if (r.status && r.status === 400) {
+			if (r.status && [400, 422].includes(r.status)) {
 				pkp.eventBus.$emit(
 					'notify',
 					this.t('form.errors', {

diff --git a/src/composables/useFetch.js b/src/composables/useFetch.js
@@ -158,7 +158,7 @@ export function useFetch(url, options = {}) {
 				return; // aborted by subsequent request
 			}
 
-			if (expectValidationError && e.status >= 400 && e.status < 500) {
+			if (expectValidationError && [400, 422].includes(e.status)) {
 				validationError.value = e.data;
 				data.value = null;
 				return;