Refactor: added datagridwrapper in volunteer and fundcampaign screens

docs/docs/auto-docs/screens/EventVolunteers/Requests/Requests/functions/default.md

@@ -6,7 +6,7 @@
 
 > **default**(): `Element`
 
-Defined in: [src/screens/EventVolunteers/Requests/Requests.tsx:63](https://github.com/PalisadoesFoundation/talawa-admin/blob/main/src/screens/EventVolunteers/Requests/Requests.tsx#L63)
+Defined in: [src/screens/EventVolunteers/Requests/Requests.tsx:37](https://github.com/PalisadoesFoundation/talawa-admin/blob/main/src/screens/EventVolunteers/Requests/Requests.tsx#L37)
 
 ## Returns
 

docs/docs/auto-docs/screens/EventVolunteers/VolunteerGroups/VolunteerGroups/functions/default.md

@@ -6,22 +6,8 @@
 
 > **default**(): `Element`
 
-Defined in: [src/screens/EventVolunteers/VolunteerGroups/VolunteerGroups.tsx:66](https://github.com/PalisadoesFoundation/talawa-admin/blob/main/src/screens/EventVolunteers/VolunteerGroups/VolunteerGroups.tsx#L66)
-
-Renders the Volunteer Groups management screen.
-
-Responsibilities:
-- Displays volunteer groups for an event
-- Supports searching by group name or leader via SearchFilterBar
-- Enables sorting by volunteer count
-- Handles create, edit, view, and delete group flows
-- Renders assignee avatars and volunteer counts
-
-Localization:
-- Uses `common` and `eventVolunteers` namespaces
+Defined in: [src/screens/EventVolunteers/VolunteerGroups/VolunteerGroups.tsx:45](https://github.com/PalisadoesFoundation/talawa-admin/blob/main/src/screens/EventVolunteers/VolunteerGroups/VolunteerGroups.tsx#L45)
 
 ## Returns
 
 `Element`
-
-JSX.Element

docs/docs/auto-docs/screens/EventVolunteers/Volunteers/Volunteers.mocks/variables/MOCKS.md

@@ -4,6 +4,6 @@
 
 # Variable: MOCKS
 
-> `const` **MOCKS**: (\{ `request`: \{ `query`: `DocumentNode`; `variables`: \{ `data?`: `undefined`; `id?`: `undefined`; `input`: \{ `id`: `string`; \}; `orderBy`: `string`; `organizationId?`: `undefined`; `where`: \{ `eventId`: `string`; `hasAccepted`: `any`; `name_contains`: `string`; \}; \}; \}; `result`: \{ `data`: \{ `createEventVolunteer?`: `undefined`; `event`: \{ `baseEvent`: `any`; `id`: `string`; `recurrenceRule`: `any`; `volunteers`: [`InterfaceEventVolunteerInfo`](../../../../../types/Volunteer/interface/interfaces/InterfaceEventVolunteerInfo.md)[]; \}; `removeEventVolunteer?`: `undefined`; `usersByOrganizationId?`: `undefined`; \}; \}; \} \| \{ `request`: \{ `query`: `DocumentNode`; `variables`: \{ `data?`: `undefined`; `id?`: `undefined`; `input`: \{ `id`: `string`; \}; `orderBy`: `any`; `organizationId?`: `undefined`; `where`: \{ `eventId`: `string`; `hasAccepted`: `boolean`; `name_contains`: `string`; \}; \}; \}; `result`: \{ `data`: \{ `createEventVolunteer?`: `undefined`; `event`: \{ `baseEvent`: `any`; `id`: `string`; `recurrenceRule`: `any`; `volunteers`: [`InterfaceEventVolunteerInfo`](../../../../../types/Volunteer/interface/interfaces/InterfaceEventVolunteerInfo.md)[]; \}; `removeEventVolunteer?`: `undefined`; `usersByOrganizationId?`: `undefined`; \}; \}; \} \| \{ `request`: \{ `query`: `DocumentNode`; `variables`: \{ `data?`: `undefined`; `id`: `string`; `input?`: `undefined`; `orderBy?`: `undefined`; `organizationId?`: `undefined`; `where?`: `undefined`; \}; \}; `result`: \{ `data`: \{ `createEventVolunteer?`: `undefined`; `event?`: `undefined`; `removeEventVolunteer`: \{ `id`: `string`; \}; `usersByOrganizationId?`: `undefined`; \}; \}; \} \| \{ `request`: \{ `query`: `DocumentNode`; `variables`: \{ `data?`: `undefined`; `id?`: `undefined`; `input?`: `undefined`; `orderBy?`: `undefined`; `organizationId`: `string`; `where?`: `undefined`; \}; \}; `result`: \{ `data`: \{ `createEventVolunteer?`: `undefined`; `event?`: `undefined`; `removeEventVolunteer?`: `undefined`; `usersByOrganizationId`: `object`[]; \}; \}; \} \| \{ `request`: \{ `query`: `DocumentNode`; `variables`: \{ `data`: \{ `eventId`: `string`; `recurringEventInstanceId?`: `undefined`; `scope?`: `undefined`; `userId`: `string`; \}; `id?`: `undefined`; `input?`: `undefined`; `orderBy?`: `undefined`; `organizationId?`: `undefined`; `where?`: `undefined`; \}; \}; `result`: \{ `data`: \{ `createEventVolunteer`: \{ `id`: `string`; \}; `event?`: `undefined`; `removeEventVolunteer?`: `undefined`; `usersByOrganizationId?`: `undefined`; \}; \}; \} \| \{ `request`: \{ `query`: `DocumentNode`; `variables`: \{ `data`: \{ `eventId`: `string`; `recurringEventInstanceId?`: `undefined`; `scope`: `string`; `userId`: `string`; \}; `id?`: `undefined`; `input?`: `undefined`; `orderBy?`: `undefined`; `organizationId?`: `undefined`; `where?`: `undefined`; \}; \}; `result`: \{ `data`: \{ `createEventVolunteer`: \{ `id`: `string`; \}; `event?`: `undefined`; `removeEventVolunteer?`: `undefined`; `usersByOrganizationId?`: `undefined`; \}; \}; \} \| \{ `request`: \{ `query`: `DocumentNode`; `variables`: \{ `data`: \{ `eventId`: `string`; `recurringEventInstanceId`: `string`; `scope`: `string`; `userId`: `string`; \}; `id?`: `undefined`; `input?`: `undefined`; `orderBy?`: `undefined`; `organizationId?`: `undefined`; `where?`: `undefined`; \}; \}; `result`: \{ `data`: \{ `createEventVolunteer`: \{ `id`: `string`; \}; `event?`: `undefined`; `removeEventVolunteer?`: `undefined`; `usersByOrganizationId?`: `undefined`; \}; \}; \})[]
+> `const` **MOCKS**: (\{ `request`: \{ `query`: `DocumentNode`; `variables`: \{ `data?`: `undefined`; `id?`: `undefined`; `input`: \{ `id`: `string`; \}; `organizationId?`: `undefined`; `where`: \{ `eventId`: `string`; `hasAccepted`: `boolean`; \}; \}; \}; `result`: \{ `data`: \{ `createEventVolunteer?`: `undefined`; `event`: \{ `baseEvent`: `any`; `id`: `string`; `recurrenceRule`: `any`; `volunteers`: [`InterfaceEventVolunteerInfo`](../../../../../types/Volunteer/interface/interfaces/InterfaceEventVolunteerInfo.md)[]; \}; `removeEventVolunteer?`: `undefined`; `usersByOrganizationId?`: `undefined`; \}; \}; \} \| \{ `request`: \{ `query`: `DocumentNode`; `variables`: \{ `data?`: `undefined`; `id`: `string`; `input?`: `undefined`; `organizationId?`: `undefined`; `where?`: `undefined`; \}; \}; `result`: \{ `data`: \{ `createEventVolunteer?`: `undefined`; `event?`: `undefined`; `removeEventVolunteer`: \{ `id`: `string`; \}; `usersByOrganizationId?`: `undefined`; \}; \}; \} \| \{ `request`: \{ `query`: `DocumentNode`; `variables`: \{ `data?`: `undefined`; `id?`: `undefined`; `input?`: `undefined`; `organizationId`: `string`; `where?`: `undefined`; \}; \}; `result`: \{ `data`: \{ `createEventVolunteer?`: `undefined`; `event?`: `undefined`; `removeEventVolunteer?`: `undefined`; `usersByOrganizationId`: `object`[]; \}; \}; \} \| \{ `request`: \{ `query`: `DocumentNode`; `variables`: \{ `data`: \{ `eventId`: `string`; `recurringEventInstanceId?`: `undefined`; `scope?`: `undefined`; `userId`: `string`; \}; `id?`: `undefined`; `input?`: `undefined`; `organizationId?`: `undefined`; `where?`: `undefined`; \}; \}; `result`: \{ `data`: \{ `createEventVolunteer`: \{ `id`: `string`; \}; `event?`: `undefined`; `removeEventVolunteer?`: `undefined`; `usersByOrganizationId?`: `undefined`; \}; \}; \} \| \{ `request`: \{ `query`: `DocumentNode`; `variables`: \{ `data`: \{ `eventId`: `string`; `recurringEventInstanceId?`: `undefined`; `scope`: `string`; `userId`: `string`; \}; `id?`: `undefined`; `input?`: `undefined`; `organizationId?`: `undefined`; `where?`: `undefined`; \}; \}; `result`: \{ `data`: \{ `createEventVolunteer`: \{ `id`: `string`; \}; `event?`: `undefined`; `removeEventVolunteer?`: `undefined`; `usersByOrganizationId?`: `undefined`; \}; \}; \} \| \{ `request`: \{ `query`: `DocumentNode`; `variables`: \{ `data`: \{ `eventId`: `string`; `recurringEventInstanceId`: `string`; `scope`: `string`; `userId`: `string`; \}; `id?`: `undefined`; `input?`: `undefined`; `organizationId?`: `undefined`; `where?`: `undefined`; \}; \}; `result`: \{ `data`: \{ `createEventVolunteer`: \{ `id`: `string`; \}; `event?`: `undefined`; `removeEventVolunteer?`: `undefined`; `usersByOrganizationId?`: `undefined`; \}; \}; \})[]
 
 Defined in: [src/screens/EventVolunteers/Volunteers/Volunteers.mocks.ts:118](https://github.com/PalisadoesFoundation/talawa-admin/blob/main/src/screens/EventVolunteers/Volunteers/Volunteers.mocks.ts#L118)

docs/docs/auto-docs/screens/EventVolunteers/Volunteers/Volunteers.mocks/variables/MOCKS_EMPTY.md

@@ -6,7 +6,7 @@
 
 > `const` **MOCKS\_EMPTY**: `object`[]
 
-Defined in: [src/screens/EventVolunteers/Volunteers/Volunteers.mocks.ts:414](https://github.com/PalisadoesFoundation/talawa-admin/blob/main/src/screens/EventVolunteers/Volunteers/Volunteers.mocks.ts#L414)
+Defined in: [src/screens/EventVolunteers/Volunteers/Volunteers.mocks.ts:332](https://github.com/PalisadoesFoundation/talawa-admin/blob/main/src/screens/EventVolunteers/Volunteers/Volunteers.mocks.ts#L332)
 
 ## Type Declaration
 
@@ -30,10 +30,6 @@ Defined in: [src/screens/EventVolunteers/Volunteers/Volunteers.mocks.ts:414](htt
 
 > **id**: `string` = `'eventId'`
 
-#### request.variables.orderBy
-
-> **orderBy**: `any` = `null`
-
 #### request.variables.where
 
 > **where**: `object`
@@ -46,10 +42,6 @@ Defined in: [src/screens/EventVolunteers/Volunteers/Volunteers.mocks.ts:414](htt
 
 > **hasAccepted**: `any` = `undefined`
 
-#### request.variables.where.name\_contains
-
-> **name\_contains**: `string` = `''`
-
 ### result
 
 > **result**: `object`

docs/docs/auto-docs/screens/EventVolunteers/Volunteers/Volunteers.mocks/variables/MOCKS_ERROR.md

@@ -4,6 +4,6 @@
 
 # Variable: MOCKS\_ERROR
 
-> `const` **MOCKS\_ERROR**: (\{ `error`: `Error`; `request`: \{ `query`: `DocumentNode`; `variables`: \{ `data?`: `undefined`; `id?`: `undefined`; `input`: \{ `id`: `string`; \}; `orderBy`: `any`; `organizationId?`: `undefined`; `where`: \{ `eventId`: `string`; `hasAccepted`: `any`; `name_contains`: `string`; \}; \}; \}; `result?`: `undefined`; \} \| \{ `error`: `Error`; `request`: \{ `query`: `DocumentNode`; `variables`: \{ `data?`: `undefined`; `id`: `string`; `input?`: `undefined`; `orderBy?`: `undefined`; `organizationId?`: `undefined`; `where?`: `undefined`; \}; \}; `result?`: `undefined`; \} \| \{ `error?`: `undefined`; `request`: \{ `query`: `DocumentNode`; `variables`: \{ `data?`: `undefined`; `id?`: `undefined`; `input?`: `undefined`; `orderBy?`: `undefined`; `organizationId`: `string`; `where?`: `undefined`; \}; \}; `result`: \{ `data`: \{ `usersByOrganizationId`: `object`[]; \}; \}; \} \| \{ `error`: `Error`; `request`: \{ `query`: `DocumentNode`; `variables`: \{ `data`: \{ `eventId`: `string`; `userId`: `string`; \}; `id?`: `undefined`; `input?`: `undefined`; `orderBy?`: `undefined`; `organizationId?`: `undefined`; `where?`: `undefined`; \}; \}; `result?`: `undefined`; \})[]
+> `const` **MOCKS\_ERROR**: (\{ `error`: `Error`; `request`: \{ `query`: `DocumentNode`; `variables`: \{ `data?`: `undefined`; `id?`: `undefined`; `input`: \{ `id`: `string`; \}; `organizationId?`: `undefined`; `where`: \{ `eventId`: `string`; `hasAccepted`: `any`; \}; \}; \}; `result?`: `undefined`; \} \| \{ `error`: `Error`; `request`: \{ `query`: `DocumentNode`; `variables`: \{ `data?`: `undefined`; `id`: `string`; `input?`: `undefined`; `organizationId?`: `undefined`; `where?`: `undefined`; \}; \}; `result?`: `undefined`; \} \| \{ `error?`: `undefined`; `request`: \{ `query`: `DocumentNode`; `variables`: \{ `data?`: `undefined`; `id?`: `undefined`; `input?`: `undefined`; `organizationId`: `string`; `where?`: `undefined`; \}; \}; `result`: \{ `data`: \{ `usersByOrganizationId`: `object`[]; \}; \}; \} \| \{ `error`: `Error`; `request`: \{ `query`: `DocumentNode`; `variables`: \{ `data`: \{ `eventId`: `string`; `userId`: `string`; \}; `id?`: `undefined`; `input?`: `undefined`; `organizationId?`: `undefined`; `where?`: `undefined`; \}; \}; `result?`: `undefined`; \})[]
 
-Defined in: [src/screens/EventVolunteers/Volunteers/Volunteers.mocks.ts:352](https://github.com/PalisadoesFoundation/talawa-admin/blob/main/src/screens/EventVolunteers/Volunteers/Volunteers.mocks.ts#L352)
+Defined in: [src/screens/EventVolunteers/Volunteers/Volunteers.mocks.ts:272](https://github.com/PalisadoesFoundation/talawa-admin/blob/main/src/screens/EventVolunteers/Volunteers/Volunteers.mocks.ts#L272)

docs/docs/auto-docs/screens/EventVolunteers/Volunteers/Volunteers/functions/default.md

@@ -6,16 +6,18 @@
 
 > **default**(): `Element`
 
-Defined in: [src/screens/EventVolunteers/Volunteers/Volunteers.tsx:106](https://github.com/PalisadoesFoundation/talawa-admin/blob/main/src/screens/EventVolunteers/Volunteers/Volunteers.tsx#L106)
+Defined in: [src/screens/EventVolunteers/Volunteers/Volunteers.tsx:72](https://github.com/PalisadoesFoundation/talawa-admin/blob/main/src/screens/EventVolunteers/Volunteers/Volunteers.tsx#L72)
 
 Renders the Event Volunteers screen.
 
 Responsibilities:
-- Displays volunteer listings with status chips
-- Supports search and filter via SearchFilterBar
+- Displays volunteer listings with status chips (Accepted/Pending/Rejected)
+- Uses DataGridWrapper for integrated search, sort, and filter capabilities
+- Search by volunteer name with debouncing
+- Sort by hours volunteered (most/least)
+- Filter by status (All/Pending/Accepted/Rejected)
 - Shows volunteer avatars and hours volunteered
-- Handles add, view, and delete volunteer flows
-- Integrates with DataGrid for table display
+- Handles add, view, and delete volunteer flows via modals
 
 Localization:
 - Uses `common` and `eventVolunteers` namespaces

docs/docs/auto-docs/shared-components/DataGridWrapper/DataGridWrapper.stories/variables/default.md

@@ -4,6 +4,6 @@
 
 # Variable: default
 
-> `const` **default**: `Meta`\<*typeof* [`DataGridWrapper`](../../functions/DataGridWrapper.md)\>
+> `const` **default**: `Meta`\<*typeof* [`DataGridWrapper`](../../DataGridWrapper/functions/DataGridWrapper.md)\>
 
 Defined in: [src/shared-components/DataGridWrapper/DataGridWrapper.stories.tsx:114](https://github.com/PalisadoesFoundation/talawa-admin/blob/main/src/shared-components/DataGridWrapper/DataGridWrapper.stories.tsx#L114)

docs/docs/auto-docs/shared-components/DataGridWrapper/functions/DataGridWrapper.md → docs/docs/auto-docs/shared-components/DataGridWrapper/DataGridWrapper/functions/DataGridWrapper.md

@@ -6,7 +6,7 @@
 
 > **DataGridWrapper**\<`T`\>(`props`): `Element`
 
-Defined in: [src/shared-components/DataGridWrapper/DataGridWrapper.tsx:72](https://github.com/PalisadoesFoundation/talawa-admin/blob/main/src/shared-components/DataGridWrapper/DataGridWrapper.tsx#L72)
+Defined in: [src/shared-components/DataGridWrapper/DataGridWrapper.tsx:70](https://github.com/PalisadoesFoundation/talawa-admin/blob/main/src/shared-components/DataGridWrapper/DataGridWrapper.tsx#L70)
 
 A generic wrapper around MUI DataGrid with built-in search, sorting, and pagination.
 
@@ -16,15 +16,13 @@ A generic wrapper around MUI DataGrid with built-in search, sorting, and paginat
 
 `T` *extends* `object`
 
-The row data type (must include `id: string | number`)
-
 ## Parameters
 
 ### props
 
-[`InterfaceDataGridWrapperProps`](../../../types/DataGridWrapper/interface/interfaces/InterfaceDataGridWrapperProps.md)\<`T`\>
+[`InterfaceDataGridWrapperProps`](../../../../types/DataGridWrapper/interface/interfaces/InterfaceDataGridWrapperProps.md)\<`T`\>
 
-Component props defined by InterfaceDataGridWrapperProps\<T\>
+Component props defined by InterfaceDataGridWrapperProps
 
 ## Returns