Refactor: added datagridwrapper in volunteer and fundcampaign screens

docs/docs/auto-docs/Requests/README-1.md

@@ -13,7 +13,7 @@ Requests.tsx
 ## Description
 
 This component renders a table displaying volunteer membership requests for a specific event.
-It allows administrators to search, sort, and manage these requests by accepting or rejecting them.
+It allows administrators to search, sort, filter, and manage these requests by accepting or rejecting them.
 
 ## Requires
 
@@ -37,10 +37,6 @@ react-router-dom
 
 ## Requires
 
-@mui/x-data-grid
-
-## Requires
-
 dayjs
 
 ## Requires
@@ -57,7 +53,7 @@ components/Avatar/Avatar
 
 ## Requires
 
-components/AdminSearchFilterBar/AdminSearchFilterBar
+shared-components/DataGridWrapper/DataGridWrapper
 
 ## Requires
 
@@ -77,7 +73,7 @@ utils/interfaces
 
 - Displays a loader while fetching data and handles errors gracefully.
 - Uses Apollo Client's `useQuery` to fetch data and `useMutation` to update membership status.
-- Uses AdminSearchFilterBar for unified search and filter interface with debouncing.
+- Uses DataGridWrapper for unified search, sort, and filter interface with debouncing.
 - Provides sorting by creation date (latest/earliest) and filtering by request type (all/individuals/groups).
 - Displays volunteer details with accessible avatar alt text, request type, request date, and action buttons.
 - All UI text is internationalized using i18n translation keys.

docs/docs/auto-docs/Requests/functions/default-1.md

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

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

@@ -0,0 +1,13 @@
+[Admin Docs](/)
+
+***
+
+# Function: default()
+
+> **default**(): `Element`
+
+Defined in: [src/screens/EventVolunteers/VolunteerGroups/VolunteerGroups.tsx:64](https://github.com/PalisadoesFoundation/talawa-admin/blob/main/src/screens/EventVolunteers/VolunteerGroups/VolunteerGroups.tsx#L64)
+
+## Returns
+
+`Element`

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

@@ -6,16 +6,18 @@
 
 > **default**(): `Element`
 
-Defined in: [src/screens/EventVolunteers/Volunteers/Volunteers.tsx:104](https://github.com/PalisadoesFoundation/talawa-admin/blob/main/src/screens/EventVolunteers/Volunteers/Volunteers.tsx#L104)
+Defined in: [src/screens/EventVolunteers/Volunteers/Volunteers.tsx:106](https://github.com/PalisadoesFoundation/talawa-admin/blob/main/src/screens/EventVolunteers/Volunteers/Volunteers.tsx#L106)
 
 Renders the Event Volunteers screen.
 
 Responsibilities:
-- Displays volunteer listings with status chips
-- Supports search and filter via AdminSearchFilterBar
+- 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/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/FundCampaignPledge/FundCampaignPledge/functions/default.md

@@ -6,7 +6,7 @@
 
 > **default**(): `Element`
 
-Defined in: [src/screens/FundCampaignPledge/FundCampaignPledge.tsx:37](https://github.com/PalisadoesFoundation/talawa-admin/blob/main/src/screens/FundCampaignPledge/FundCampaignPledge.tsx#L37)
+Defined in: [src/screens/FundCampaignPledge/FundCampaignPledge.tsx:35](https://github.com/PalisadoesFoundation/talawa-admin/blob/main/src/screens/FundCampaignPledge/FundCampaignPledge.tsx#L35)
 
 Renders the Fund Campaign Pledges screen with pledge management, search/sort, and progress tracking.