feat(integrations): filter integrations by kind server-side (#1954)

Author: VojtechBartos

apps/code/src/renderer/api/posthogClient.ts

@@ -1473,15 +1473,18 @@ export class PostHogAPIClient {
     }
   }
 
-  async getIntegrations() {
+  async getIntegrations(kind?: string) {
     const teamId = await this.getTeamId();
-    return this.getIntegrationsForProject(teamId);
+    return this.getIntegrationsForProject(teamId, kind);
   }
 
-  async getIntegrationsForProject(projectId: number) {
+  async getIntegrationsForProject(projectId: number, kind?: string) {
     const url = new URL(
       `${this.api.baseUrl}/api/environments/${projectId}/integrations/`,
     );
+    if (kind) {
+      url.searchParams.set("kind", kind);
+    }
     const response = await this.api.fetcher.fetch({
       method: "get",
       url,

apps/code/src/renderer/features/onboarding/hooks/usePrefetchSignalData.ts

@@ -36,7 +36,7 @@ export function usePrefetchSignalData(): void {
     queryClient.prefetchQuery({
       queryKey: ["integrations", "list"],
       queryFn: async () => {
-        const integrations = await client.getIntegrations();
+        const integrations = await client.getIntegrations("github");
         const ghIntegration = (
           integrations as { id: number; kind: string }[]
         ).find((i) => i.kind === "github");

apps/code/src/renderer/hooks/useIntegrations.ts

@@ -71,7 +71,7 @@ export function useIntegrations() {
 
   const query = useAuthenticatedQuery(
     integrationKeys.list(),
-    (client) => client.getIntegrations() as Promise<Integration[]>,
+    (client) => client.getIntegrations("github") as Promise<Integration[]>,
   );
 
   useEffect(() => {