feat: indexer integration (#36) (#50)

thelostone-mc · 0xkenj1 · nijoe1 · web-flow · commit d4f0a7779319 · 2025-03-18T08:51:31.000+05:30
* feat: indexer integration (#36) * feat: indexer integration * Fix/indexer integration (#1) * fix: added required query param * fix: unsupported canonical project query * fix: mocks --------- Co-authored-by: Nick Lionis <nikolaos@gitcoin.co> * tweak * add changeset --------- Co-authored-by: 0xkenj1 <165053496+0xkenj1@users.noreply.github.com> Co-authored-by: Nick Lionis <nikolaos@gitcoin.co>
diff --git a/.changeset/few-files-sip.md b/.changeset/few-files-sip.md
@@ -0,0 +1,5 @@
+---
+"@gitcoin/ui": patch
+---
+
+migrate checker to use new indexer
diff --git a/packages/ui/.storybook/preview.ts b/packages/ui/.storybook/preview.ts
@@ -1,8 +1,7 @@
 import { withThemeByDataAttribute } from "@storybook/addon-themes";
-import { mockDateDecorator } from "storybook-mock-date-decorator";
-
 import type { Preview } from "@storybook/react";
 import { initialize, mswLoader } from "msw-storybook-addon";
+import { mockDateDecorator } from "storybook-mock-date-decorator";
 
 import "../src/index.css";
 import { handlers } from "../src/mocks/handlers";
diff --git a/packages/ui/src/features/application/components/ApplicationSummary/mocks.ts b/packages/ui/src/features/application/components/ApplicationSummary/mocks.ts
@@ -64,8 +64,8 @@ export const application: CheckerApplication = {
       updatedAt: "2023-01-01T00:00:00Z",
     },
   ],
-  canonicalProject: {
-    roles: [{ address: "0xroleaddress1234567890abcdef12345678" }],
+  project: {
+    projectRoles: [{ address: "0xroleaddress1234567890abcdef12345678" }],
   },
   alloApplicationId: "",
   evaluations: [],
diff --git a/packages/ui/src/features/checker/apps/Checker.stories.tsx b/packages/ui/src/features/checker/apps/Checker.stories.tsx
@@ -10,8 +10,8 @@ const meta = {
   component: Checker,
   args: {
     address: "0x0D1781F0b693b35939A49831A6C799B938Bd2F80",
-    poolId: "597",
-    chainId: 11155111,
+    poolId: "7",
+    chainId: 10,
   },
 } satisfies Meta;
 
diff --git a/packages/ui/src/features/checker/hooks/useApplicationEvaluations.ts b/packages/ui/src/features/checker/hooks/useApplicationEvaluations.ts
@@ -20,6 +20,7 @@ export const useApplicationEvaluations = (
         roundId,
         applicationId,
       );
+      if (!application || !applicationEvaluations) return undefined;
       const data = {
         application,
         applicationEvaluations: applicationEvaluations,
diff --git a/packages/ui/src/features/checker/hooks/usePoolData.ts b/packages/ui/src/features/checker/hooks/usePoolData.ts
@@ -72,7 +72,9 @@ export const usePoolData = (): { poolData: CheckerPoolData | null; refetch: () =
 
   useEffect(() => {
     if (data && poolId && chainId && address) {
-      const managers = data.roundData.roles.map((role) => role.address.toLowerCase());
+      const managers = data.roundData.project.projectRoles.map((role) =>
+        role.address.toLowerCase(),
+      );
       dispatch(
         setPoolDataAction({
           poolId,
diff --git a/packages/ui/src/features/checker/pages/ApplicationEvaluationOverviewPage/ApplicationEvaluationOverviewPage.stories.tsx b/packages/ui/src/features/checker/pages/ApplicationEvaluationOverviewPage/ApplicationEvaluationOverviewPage.stories.tsx
@@ -40,8 +40,8 @@ export const Default: Story = {
     },
   },
   args: {
-    chainId: 11155111,
-    poolId: "605",
+    chainId: 10,
+    poolId: "7",
     applicationId: "1",
     address: "0x0D1781F0b693b35939A49831A6C799B938Bd2F80",
   },
diff --git a/packages/ui/src/features/checker/pages/SubmitApplicationEvaluationPage/SubmitApplicationEvaluationPage.stories.tsx b/packages/ui/src/features/checker/pages/SubmitApplicationEvaluationPage/SubmitApplicationEvaluationPage.stories.tsx
@@ -43,8 +43,8 @@ export const Default: Story = {
     },
   },
   args: {
-    chainId: 11155111,
-    poolId: "605",
+    chainId: 10,
+    poolId: "7",
     applicationId: "1",
     address: "0x0D1781F0b693b35939A49831A6C799B938Bd2F80",
   },
diff --git a/packages/ui/src/features/checker/pages/ViewApplicationEvaluationsPage/ViewApplicationEvaluationsPage.stories.tsx b/packages/ui/src/features/checker/pages/ViewApplicationEvaluationsPage/ViewApplicationEvaluationsPage.stories.tsx
@@ -40,8 +40,8 @@ export const Default: Story = {
     },
   },
   args: {
-    chainId: 42161,
-    poolId: "609",
-    applicationId: "0",
+    chainId: 10,
+    poolId: "7",
+    applicationId: "1",
   },
 };
diff --git a/packages/ui/src/features/checker/services/allo/alloClient.ts b/packages/ui/src/features/checker/services/allo/alloClient.ts
@@ -2,7 +2,7 @@
 import { GraphQLClient } from "graphql-request";
 
 // Base URL for the GraphQL API
-const GS_INDEXER_ENDPOINT = "https://grants-stack-indexer-v2.gitcoin.co/graphql";
+const GS_INDEXER_ENDPOINT = "https://yc7lia2566.execute-api.us-east-2.amazonaws.com/api/v1/graphql";
 
 // Create a new instance of GraphQLClient
 export const graphqlClient = new GraphQLClient(GS_INDEXER_ENDPOINT, {
diff --git a/packages/ui/src/features/checker/services/allo/dataLayer.ts b/packages/ui/src/features/checker/services/allo/dataLayer.ts
@@ -19,7 +19,7 @@ export async function getApplicationsFromIndexer(
     });
     return {
       applications: response.applications as ProjectApplicationForManager[],
-      roundData: response.round as PoolInfo,
+      roundData: response.rounds[0] as PoolInfo,
     };
   } catch (e) {
     throw new Error(`Failed to fetch applications data. with error: ${e}`);
@@ -37,7 +37,7 @@ export async function getApplicationByIdFromIndexer(
       roundId,
       applicationId,
     });
-    return response.application as ProjectApplication;
+    return response.applications[0] as ProjectApplication;
   } catch (e) {
     throw new Error(`Failed to fetch application data. with error: ${e}`);
   }
@@ -55,7 +55,7 @@ export async function getPastApplicationsByApplicationIdFromIndexer(
       applicationId,
     });
 
-    return response.applications[0].project.applications as PastApplication[];
+    return response.applications[0].project[0].applications as PastApplication[];
   } catch (e) {
     throw new Error(`Failed to fetch past applications data. with error: ${e}`);
   }
diff --git a/packages/ui/src/features/checker/services/allo/queries.ts b/packages/ui/src/features/checker/services/allo/queries.ts
@@ -2,10 +2,7 @@ import { gql } from "graphql-request";
 
 export const applicationsForManagerQuery = gql`
   query getApplicationsForManager($chainId: Int!, $roundId: String!) {
-    applications(
-      first: 1000
-      filter: { roundId: { equalTo: $roundId }, chainId: { equalTo: $chainId } }
-    ) {
+    applications(limit: 1000, where: { roundId: { _eq: $roundId }, chainId: { _eq: $chainId } }) {
       id
       projectId
       chainId
@@ -16,33 +13,35 @@ export const applicationsForManagerQuery = gql`
       distributionTransaction
       statusSnapshots
       anchorAddress
-      canonicalProject {
-        roles {
+      project {
+        projectRoles {
           address
         }
       }
     }
-    round(chainId: $chainId, id: $roundId) {
+    rounds(where: { chainId: { _eq: $chainId }, id: { _eq: $roundId } }) {
       roundMetadata
       strategyName
       strategyAddress
       applicationsStartTime
       applicationsEndTime
       donationsEndTime
       donationsStartTime
-      roles {
-        address
-      }
       project {
         id
+        projectRoles {
+          address
+        }
       }
     }
   }
 `;
 
 export const getApplicationByIdQuery = gql`
   query getApplicationById($chainId: Int!, $roundId: String!, $applicationId: String!) {
-    application(chainId: $chainId, roundId: $roundId, id: $applicationId) {
+    applications(
+      where: { chainId: { _eq: $chainId }, roundId: { _eq: $roundId }, id: { _eq: $applicationId } }
+    ) {
       id
       projectId
       chainId
@@ -53,8 +52,8 @@ export const getApplicationByIdQuery = gql`
       distributionTransaction
       statusSnapshots
       anchorAddress
-      canonicalProject {
-        roles {
+      project {
+        projectRoles {
           address
         }
       }
@@ -69,11 +68,7 @@ export const getPastApplicationsQueryByApplicationId = gql`
     $applicationId: String!
   ) {
     applications(
-      filter: {
-        chainId: { equalTo: $chainId }
-        roundId: { equalTo: $roundId }
-        id: { equalTo: $applicationId }
-      }
+      where: { chainId: { _eq: $chainId }, roundId: { _eq: $roundId }, id: { _eq: $applicationId } }
     ) {
       project {
         applications {
diff --git a/packages/ui/src/features/checker/services/allo/types.ts b/packages/ui/src/features/checker/services/allo/types.ts
@@ -95,8 +95,8 @@ interface StatusSnapshot {
 export interface ProjectApplicationForManager extends ProjectApplication {
   anchorAddress: Address;
   statusSnapshots: StatusSnapshot[];
-  canonicalProject: {
-    roles: { address: Address }[];
+  project: {
+    projectRoles: { address: Address }[];
   };
 }
 
diff --git a/packages/ui/src/features/checker/store/types.ts b/packages/ui/src/features/checker/store/types.ts
@@ -14,10 +14,10 @@ export interface PoolInfo {
   };
   project: {
     id: string;
+    projectRoles: {
+      address: string;
+    }[];
   };
-  roles: {
-    address: string;
-  }[];
   strategyAddress: string;
   strategyName: string;
   applicationsStartTime: string;
diff --git a/packages/ui/src/mocks/handlers.ts b/packages/ui/src/mocks/handlers.ts
@@ -31,7 +31,7 @@ export const checkerPoolDataHandler = graphql.query("getCheckerPoolData", () =>
 });
 
 export const indexerGetApplicationByIdHandler = graphql.query("getApplicationByIdQuery", () => {
-  return HttpResponse.json({ data: { application: getApplicationById } });
+  return HttpResponse.json({ data: { applications: [getApplicationById] } });
 });
 
 export const checkerApplicationEvaluationsHandler = graphql.query(
diff --git a/packages/ui/src/mocks/mockData/applicationsForManager.ts b/packages/ui/src/mocks/mockData/applicationsForManager.ts
diff --git a/packages/ui/src/mocks/mockData/indexerGetApplicationById.ts b/packages/ui/src/mocks/mockData/indexerGetApplicationById.ts

-Original file line number
+Diff line change
     strategyName: "allov2.DonationVotingMerkleDistributionDirectTransferStrategy",
     strategyAddress: "0xd2d99614321becd7cd0636715bbb4c94968e6271",
   },
 -  canonicalProject: {
 -    roles: [
 +  project: {
 +    projectRoles: [
+      {
         address: "0xd35e119782059a27fead4edda8b555f393650bc8",
       },