default

Admin Docs

---

Function: default()

default(props, deprecatedLegacyContext?): ReactNode

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

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.