default

talawa-admin • Docs

---

talawa-admin / screens/EventVolunteers/VolunteerGroups/VolunteerGroupModal / default

Function: default()

> default(props, deprecatedLegacyContext?): ReactNode

A modal dialog for creating or editing a volunteer group.

Parameters

• props: InterfaceVolunteerGroupModal

• deprecatedLegacyContext?: any

Deprecated

See

React Docs

Returns

ReactNode

The rendered modal component.

The VolunteerGroupModal component displays a form within a modal dialog for creating or editing a Volunteer Group. It includes fields for entering the group name, description, volunteersRequired, and selecting volunteers/leaders.

The modal includes:

• A header with a title indicating the current mode (create or edit) and a close button.
• A form with:
  • An input field for entering the group name.
  • A textarea for entering the group description.
  • A multi-select dropdown for selecting leader.
  • A multi-select dropdown for selecting volunteers.
  • An input field for entering the number of volunteers required.
• A submit button to create or update the pledge.

On form submission, the component either:

• Calls updatePledge mutation to update an existing pledge, or
• Calls createPledge mutation to create a new pledge.

Success or error messages are displayed using toast notifications based on the result of the mutation.

Defined in

src/screens/EventVolunteers/VolunteerGroups/VolunteerGroupModal.tsx:63