change query to check all repos, not only the first page.

Author: rodolfoBee

static/app/views/settings/organizationIntegrations/integrationCodeMappings.tsx

@@ -23,10 +23,13 @@ import type {
   RepositoryProjectPathConfig,
 } from 'sentry/types/integrations';
 import {trackAnalytics} from 'sentry/utils/analytics';
+import {useFetchAllPages} from 'sentry/utils/api/apiFetch';
+import {apiOptions} from 'sentry/utils/api/apiOptions';
 import {getApiUrl} from 'sentry/utils/api/getApiUrl';
 import {getIntegrationIcon} from 'sentry/utils/integrationUtil';
 import {
   useApiQuery,
+  useInfiniteQuery,
   useMutation,
   useQueryClient,
   type ApiQueryKey,
@@ -159,19 +162,28 @@ export function IntegrationCodeMappings({integration}: {integration: Integration
     {staleTime: 10_000}
   );
 
+  const repositoriesQuery = useInfiniteQuery({
+    ...apiOptions.asInfinite<Repository[]>()(
+      '/organizations/$organizationIdOrSlug/repos/',
+      {
+        path: {organizationIdOrSlug: organization.slug},
+        query: {status: 'active', per_page: 100},
+        staleTime: 10_000,
+      }
+    ),
+    select: (data: InfiniteData<ApiResponse<Repository[]>>) =>
+      data.pages.flatMap((page: ApiResponse<Repository[]>) => page.json),
+  });
+  useFetchAllPages({result: repositoriesQuery});
+
   const {
     data: fetchedRepos = [],
-    isPending: isPendingRepos,
+    isPending: isPendingReposQuery,
     isError: isErrorRepos,
-  } = useApiQuery<Repository[]>(
-    [
-      getApiUrl(`/organizations/$organizationIdOrSlug/repos/`, {
-        path: {organizationIdOrSlug: organization.slug},
-      }),
-      {query: {status: 'active'}},
-    ],
-    {staleTime: 10_000}
-  );
+    isFetchingNextPage: isFetchingNextReposPage,
+} = repositoriesQuery;
+
+  const isPendingRepos = isPendingReposQuery || isFetchingNextReposPage;
 
   const pathConfigs = useMemo(() => {
     return sortBy(fetchedPathConfigs, [