change query to check all repos, not only the first page. (#112334)

fixes #112332

This changes how repos are fetched so all repos are listed for code
mappings.

---------

Co-authored-by: getsantry[bot] <66042841+getsantry[bot]@users.noreply.github.com>
Co-authored-by: Cursor Agent <cursoragent@cursor.com>
Co-authored-by: Dominik Dorfmeister 🔮 <dominik.dorfmeister@sentry.io>

Author: 4 people

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,31 @@ 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 => data.pages.flatMap(page => 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}
-  );
+    hasNextPage: hasNextReposPage,
+    isFetchingNextPage: isFetchingNextReposPage,
+  } = repositoriesQuery;
+
+  const isPendingRepos =
+    isPendingReposQuery ||
+    isFetchingNextReposPage ||
+    (!!hasNextReposPage && !isErrorRepos);
 
   const pathConfigs = useMemo(() => {
     return sortBy(fetchedPathConfigs, [