From 897f48765f6d5ab8289c8c7dd87cfe7dc2da216e Mon Sep 17 00:00:00 2001
From: Blesilda Ramirez <ramirezblesilda@gmail.com>
Date: Sat, 25 Jan 2025 00:27:19 -0500
Subject: [PATCH] pkp/pkp-lib#10820 Use FormErrorSummary in
 UserInvitationDetailsFormStep component

---
 src/pages/userInvitation/UserInvitationDetailsFormStep.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/pages/userInvitation/UserInvitationDetailsFormStep.vue b/src/pages/userInvitation/UserInvitationDetailsFormStep.vue
index ce0e97851..7ac9b8a28 100644
--- a/src/pages/userInvitation/UserInvitationDetailsFormStep.vue
+++ b/src/pages/userInvitation/UserInvitationDetailsFormStep.vue
@@ -1,8 +1,12 @@
 <template>
 	<div v-if="store.invitationPayload.userId === null">
+		<div v-if="Object.keys(store.errors).length" class="p-4">
+			<FormErrorSummary :errors="store.errors" />
+		</div>
 		<PkpForm
 			v-bind="userForm"
 			class="userInvitation__stepForm"
+			:show-error-footer="false"
 			@set="updateUserForm"
 		></PkpForm>
 	</div>
@@ -60,6 +64,7 @@ import {useTranslation} from '@/composables/useTranslation';
 import UserInvitationUserGroupsTable from './UserInvitationUserGroupsTable.vue';
 import {useUserInvitationPageStore} from './UserInvitationPageStore';
 import {useForm} from '@/composables/useForm';
+import FormErrorSummary from '@/components/Form/FormErrorSummary.vue';
 
 /**
  * Update the payload by using form values on multilingual or not