add a variable for page size

PalisadoesFoundation · Oct 26, 2024 · 7b7b6bf · 7b7b6bf
1 parent abaf86e
commit 7b7b6bf
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/components/AddPeopleToTag/AddPeopleToTag.tsx b/src/components/AddPeopleToTag/AddPeopleToTag.tsx
@@ -10,7 +10,10 @@ import { Modal, Form, Button } from 'react-bootstrap';
 import { useParams } from 'react-router-dom';
 import type { InterfaceQueryUserTagsMembersToAssignTo } from 'utils/interfaces';
 import styles from './AddPeopleToTag.module.css';
-import { dataGridStyle } from 'utils/organizationTagsUtils';
+import {
+  ADD_PEOPLE_TO_TAGS_QUERY_LIMIT,
+  dataGridStyle,
+} from 'utils/organizationTagsUtils';
 import { Stack } from '@mui/material';
 import { toast } from 'react-toastify';
 import { ADD_PEOPLE_TO_TAG } from 'GraphQl/Mutations/TagMutations';
@@ -80,15 +83,15 @@ const AddPeopleToTag: React.FC<InterfaceAddPeopleToTagProps> = ({
   } = useQuery(USER_TAGS_MEMBERS_TO_ASSIGN_TO, {
     variables: {
       id: currentTagId,
-      first: 7,
+      first: ADD_PEOPLE_TO_TAGS_QUERY_LIMIT,
     },
     skip: !addPeopleToTagModalIsOpen,
   });
 
   const loadMoreMembersToAssignTo = (): void => {
     fetchMoreMembersToAssignTo({
       variables: {
-        first: 7, // Load 7 more items
+        first: ADD_PEOPLE_TO_TAGS_QUERY_LIMIT,
         after:
           userTagsMembersToAssignToData?.getUserTag.usersToAssignTo.pageInfo
             .endCursor, // Fetch after the last loaded cursor

diff --git a/src/utils/organizationTagsUtils.ts b/src/utils/organizationTagsUtils.ts
@@ -21,3 +21,5 @@ export const dataGridStyle = {
     borderRadius: '0.1rem',
   },
 };
+
+export const ADD_PEOPLE_TO_TAGS_QUERY_LIMIT = 7;
-Original file line number
+Diff line change
@@ Expand Up / @@ -21,3 +21,5 @@ export const dataGridStyle = { @@
         borderRadius: '0.1rem',
       },
     };
+    export const ADD_PEOPLE_TO_TAGS_QUERY_LIMIT = 7;