iterate

Author: ryan953

static/app/components/repositories/scmIntegrationTree/providerConfigLink.tsx

@@ -6,7 +6,9 @@ import {IconOpen} from 'sentry/icons';
 import {t} from 'sentry/locale';
 import type {OrganizationIntegration} from 'sentry/types/integrations';
 
-function getProviderConfigUrl(integration: OrganizationIntegration): string | null {
+export function getProviderConfigUrl(
+  integration: OrganizationIntegration
+): string | null {
   const {externalId, provider, domainName, accountType} = integration;
   if (!externalId) {
     return null;

static/app/utils/api/apiFetch.tsx

@@ -1,9 +1,10 @@
+import {useEffect} from 'react';
 import type {QueryFunctionContext} from '@tanstack/react-query';
 
 import {parseQueryKey} from 'sentry/utils/api/apiQueryKey';
 import type {ApiQueryKey, InfiniteApiQueryKey} from 'sentry/utils/api/apiQueryKey';
 import type {ParsedHeader} from 'sentry/utils/parseLinkHeader';
-import {QUERY_API_CLIENT} from 'sentry/utils/queryClient';
+import {QUERY_API_CLIENT, type UseInfiniteQueryResult} from 'sentry/utils/queryClient';
 
 export type ApiResponse<TResponseData = unknown> = {
   headers: {
@@ -68,3 +69,16 @@ export async function apiFetchInfinite<TQueryFnData = unknown>(
     json: json as TQueryFnData,
   };
 }
+
+export function useFetchAllPages<TQueryFnData = unknown>({
+  result,
+}: {
+  result: UseInfiniteQueryResult<TQueryFnData, Error>;
+}) {
+  const {fetchNextPage, hasNextPage, isError, isFetchingNextPage} = result;
+  useEffect(() => {
+    if (!isError && !isFetchingNextPage && hasNextPage) {
+      fetchNextPage();
+    }
+  }, [hasNextPage, fetchNextPage, isError, isFetchingNextPage]);
+}

static/app/views/settings/seer/overview/seerOverview.stories.tsx

@@ -1,36 +1,98 @@
+import {Grid} from '@sentry/scraps/layout';
+
 import * as Storybook from 'sentry/stories';
-import {SeerOverview} from 'sentry/views/settings/seer/overview/seerOverview';
+import type {OrganizationIntegration} from 'sentry/types/integrations';
+import {
+  AutofixOverviewSection,
+  CodeReviewOverviewSection,
+  SCMOverviewSection,
+} from 'sentry/views/settings/seer/overview/seerOverview';
+import type {useSeerOverviewData} from 'sentry/views/settings/seer/overview/useSeerOverviewData';
+
+function OrganizationIntegrationsFixture(
+  params: Partial<OrganizationIntegration> = {}
+): OrganizationIntegration {
+  return {
+    accountType: '',
+    gracePeriodEnd: '',
+    organizationIntegrationStatus: 'active',
+    domainName: 'github.com',
+    icon: 'https://secure.gravatar.com/avatar/8b4cb68e40b74c90427d8262256bd1c8',
+    id: '5',
+    name: 'NisanthanNanthakumar',
+    provider: {
+      aspects: {},
+      canAdd: true,
+      canDisable: false,
+      features: ['commits', 'issue-basic'],
+      key: 'github',
+      name: 'Github',
+      slug: 'github',
+    },
+    status: 'active',
+    configData: null,
+    configOrganization: [],
+    externalId: 'ext-integration-1',
+    organizationId: '1',
+    ...params,
+  };
+}
+
+const seerIntegrationsFixture = [
+  OrganizationIntegrationsFixture({id: '1', name: 'Integration A'}),
+  OrganizationIntegrationsFixture({id: '2', name: 'Integration B'}),
+];
 
-const baseStats = {
+const baseStats: ReturnType<typeof useSeerOverviewData>['stats'] = {
   integrationCount: 2,
+  scmIntegrationCount: 2,
+  seerIntegrations: seerIntegrationsFixture,
   seerIntegrationCount: 2,
   totalRepoCount: 10,
-  seerRepoCount: 8,
-  reposWithSettingsCount: 5,
-  projectsWithReposCount: 4,
-  projectsWithAutomationCount: 3,
-  projectsWithCreatePrCount: 2,
+  seerRepoCount: 10, // equal to totalRepoCount: no "Add all repos" button
+  reposWithSettingsCount: 10,
+  projectsWithReposCount: 6, // equal to totalProjects: no "Handoff all to" CompactSelect
+  projectsWithAutomationCount: 6,
+  projectsWithCreatePrCount: 6,
   totalProjects: 6,
-  reposWithCodeReviewCount: 3,
+  reposWithCodeReviewCount: 10, // equal to seerRepoCount
 };
 
+function SeerOverview({
+  stats,
+  isLoading,
+}: {
+  isLoading: boolean;
+  stats: ReturnType<typeof useSeerOverviewData>['stats'];
+}) {
+  return (
+    <Grid columns="minmax(max-content, 140px) max-content 1fr" gap="xl">
+      <SCMOverviewSection stats={stats} isLoading={isLoading} />
+      <AutofixOverviewSection stats={stats} isLoading={isLoading} />
+      <CodeReviewOverviewSection stats={stats} isLoading={isLoading} />
+    </Grid>
+  );
+}
+
 export default Storybook.story('SeerOverview', story => {
   story('No alerts (healthy state)', () => (
     <SeerOverview stats={baseStats} isLoading={false} />
   ));
 
-  story('Loading state (no alerts rendered)', () => (
-    <SeerOverview stats={baseStats} isLoading />
-  ));
+  story('Loading state', () => <SeerOverview stats={baseStats} isLoading />);
+
+  // SCM stories
 
   story('SCM: No SCM integrations installed', () => (
     <SeerOverview
       stats={{
         ...baseStats,
-        seerIntegrationCount: 0,
         integrationCount: 0,
-        seerRepoCount: 0,
+        scmIntegrationCount: 0,
+        seerIntegrations: [],
+        seerIntegrationCount: 0,
         totalRepoCount: 0,
+        seerRepoCount: 0,
         reposWithSettingsCount: 0,
         projectsWithReposCount: 0,
         projectsWithAutomationCount: 0,
@@ -45,8 +107,8 @@ export default Storybook.story('SeerOverview', story => {
     <SeerOverview
       stats={{
         ...baseStats,
-        seerRepoCount: 0,
         totalRepoCount: 0,
+        seerRepoCount: 0,
         reposWithSettingsCount: 0,
         projectsWithReposCount: 0,
         projectsWithAutomationCount: 0,
@@ -57,12 +119,55 @@ export default Storybook.story('SeerOverview', story => {
     />
   ));
 
-  story('Autofix: projects with Autofix Handoff enabled but no repos', () => (
+  story('SCM: Some repos not yet added to Seer', () => (
+    <SeerOverview
+      stats={{
+        ...baseStats,
+        totalRepoCount: 10,
+        seerRepoCount: 6, // seerRepoCount !== totalRepoCount → shows "Add all repos"
+        reposWithSettingsCount: 6,
+        projectsWithReposCount: 3,
+        projectsWithAutomationCount: 2,
+        projectsWithCreatePrCount: 1,
+        reposWithCodeReviewCount: 2,
+      }}
+      isLoading={false}
+    />
+  ));
+
+  // Autofix stories
+
+  story('Autofix: No projects have repos linked', () => (
+    <SeerOverview
+      stats={{
+        ...baseStats,
+        projectsWithReposCount: 0, // hides header link, CompactSelect, and ButtonBar
+        projectsWithAutomationCount: 0,
+        projectsWithCreatePrCount: 0,
+      }}
+      isLoading={false}
+    />
+  ));
+
+  story('Autofix: Some projects with repos (partial)', () => (
+    <SeerOverview
+      stats={{
+        ...baseStats,
+        projectsWithReposCount: 3, // < totalProjects (6) → shows "Handoff all to" CompactSelect
+        projectsWithAutomationCount: 2,
+        projectsWithCreatePrCount: 1,
+      }}
+      isLoading={false}
+    />
+  ));
+
+  // Code Review stories
+
+  story('Code Review: No repos have code review enabled', () => (
     <SeerOverview
       stats={{
         ...baseStats,
-        projectsWithReposCount: 2,
-        projectsWithAutomationCount: 5,
+        reposWithCodeReviewCount: 0, // seerRepoCount > 0 → ButtonBar visible, shows 0/10
       }}
       isLoading={false}
     />