feat(releases): Remove withRepositories, withReleaseRepos

switch to useApiQuery

these old HoC are just a goofy way of fetching data that we now do via react query.

static/app/utils/useReleaseRepositories.tsx

@@ -0,0 +1,44 @@
+import type {Repository} from 'sentry/types/integrations';
+import {
+  type ApiQueryKey,
+  useApiQuery,
+  type UseApiQueryOptions,
+} from 'sentry/utils/queryClient';
+
+function getReleaseRepositoriesQueryKey({
+  orgSlug,
+  projectSlug,
+  release,
+}: {
+  orgSlug: string;
+  projectSlug: string;
+  release: string;
+}): ApiQueryKey {
+  return [`/projects/${orgSlug}/${projectSlug}/releases/${release}/repositories/`];
+}
+
+interface UseReleaseReposProps {
+  orgSlug: string;
+  projectSlug: string;
+  release: string;
+  options?: Partial<UseApiQueryOptions<Repository[]>>;
+}
+
+export function useReleaseRepositories({
+  orgSlug,
+  projectSlug,
+  release,
+  options,
+}: UseReleaseReposProps) {
+  return useApiQuery<Repository[]>(
+    getReleaseRepositoriesQueryKey({
+      orgSlug,
+      projectSlug,
+      release: encodeURIComponent(release),
+    }),
+    {
+      staleTime: Infinity,
+      ...options,
+    }
+  );
+}

static/app/views/releases/detail/commitsAndFiles/commits.spec.tsx

@@ -7,7 +7,6 @@ import {initializeOrg} from 'sentry-test/initializeOrg';
 import {render, screen} from 'sentry-test/reactTestingLibrary';
 import selectEvent from 'sentry-test/selectEvent';
 
-import RepositoryStore from 'sentry/stores/repositoryStore';
 import type {ReleaseProject} from 'sentry/types/release';
 import {ReleaseContext} from 'sentry/views/releases/detail';
 
@@ -16,7 +15,7 @@ import Commits from './commits';
 describe('Commits', () => {
   const release = ReleaseFixture();
   const project = ReleaseProjectFixture() as Required<ReleaseProject>;
-  const {routerProps, router, organization} = initializeOrg({
+  const {router, organization} = initializeOrg({
     router: {params: {release: release.version}},
   });
   const repos = [RepositoryFixture({integrationId: '1'})];
@@ -34,7 +33,7 @@ describe('Commits', () => {
           releaseMeta: {} as any,
         }}
       >
-        <Commits releaseRepos={[]} projectSlug={project.slug} {...routerProps} />
+        <Commits />
       </ReleaseContext.Provider>,
       {router}
     );
@@ -46,7 +45,12 @@ describe('Commits', () => {
       url: `/organizations/${organization.slug}/repos/`,
       body: repos,
     });
-    RepositoryStore.init();
+    MockApiClient.addMockResponse({
+      url: `/projects/${organization.slug}/${project.slug}/releases/${encodeURIComponent(
+        release.version
+      )}/repositories/`,
+      body: repos,
+    });
   });
 
   it('should render no repositories message', async () => {
@@ -133,7 +137,7 @@ describe('Commits', () => {
       integrationId: '1',
     });
     // Current repo is stored in query parameter activeRepo
-    const {router: newRouterContext, routerProps: newRouterProps} = initializeOrg({
+    const {router: newRouterContext} = initializeOrg({
       router: {
         params: {release: release.version},
         location: {query: {activeRepo: otherRepo.name}},
@@ -168,7 +172,7 @@ describe('Commits', () => {
           releaseMeta: {} as any,
         }}
       >
-        <Commits releaseRepos={[]} projectSlug={project.slug} {...newRouterProps} />
+        <Commits />
       </ReleaseContext.Provider>,
       {router: newRouterContext}
     );