Move application page fetcher to data layer

packages/common/src/index.ts

@@ -6,11 +6,17 @@ import { Network, Web3Provider } from "@ethersproject/providers";
 import { Signer } from "@ethersproject/abstract-signer";
 import { graphql_fetch } from "./graphql_fetch";
 import { ChainId } from "./chain-ids";
+import { useParams as useRouterParams } from "react-router";
+
 export * from "./icons";
 export * from "./markdown";
 
 export { ChainId };
 
+export function useParams<T extends Record<string, string> = never>() {
+  return useRouterParams<T>() as T;
+}
+
 export enum PassportState {
   NOT_CONNECTED,
   INVALID_PASSPORT,
@@ -312,7 +318,7 @@ export { AlloV2 } from "./allo/backends/allo-v2";
 export {
   createWaitForIndexerSyncTo,
   getCurrentSubgraphBlockNumber,
-  waitForSubgraphSyncTo
+  waitForSubgraphSyncTo,
 } from "./allo/indexer";
 export type { WaitUntilIndexerSynced } from "./allo/indexer";
 export { createPinataIpfsUploader } from "./allo/ipfs";
@@ -323,7 +329,7 @@ export {
   createViemTransactionSender,
   decodeEventFromReceipt,
   sendRawTransaction,
-  sendTransaction
+  sendTransaction,
 } from "./allo/transaction-sender";
 
 export type AnyJson =

packages/data-layer/src/data-layer.ts

@@ -8,6 +8,7 @@ import * as collections from "./backends/collections";
 import * as legacy from "./backends/legacy";
 import { AlloVersion, PaginationInfo } from "./data-layer.types";
 import {
+  Application,
   Collection,
   Program,
   ProjectApplication,
@@ -16,16 +17,17 @@ import {
   RoundOverview,
   SearchBasedProjectCategory,
   TimestampVariables,
-  V2Round,
   v2Project,
+  V2Round,
 } from "./data.types";
 import {
   ApplicationSummary,
-  DefaultApi as SearchApi,
   Configuration as SearchApiConfiguration,
+  DefaultApi as SearchApi,
   SearchResult,
 } from "./openapi-search-client/index";
 import {
+  getApplication,
   getApplicationsByProjectId,
   getProgramName,
   getProgramsByUser,
@@ -34,6 +36,7 @@ import {
   getProjectsAndRolesByAddress,
   getRoundByIdAndChainId,
 } from "./queries";
+import { Address } from "viem";
 
 /**
  * DataLayer is a class that provides a unified interface to the various data sources.
@@ -299,10 +302,10 @@ export class DataLayer {
     return projectEventsMap;
   }
 
-  // getApplicationsByProjectId
   /**
    * getApplicationsByProjectId() returns a list of projects by address.
    * @param projectId
+   * @param chainIds
    */
   async getApplicationsByProjectId({
     projectId,
@@ -325,6 +328,34 @@ export class DataLayer {
     return response.applications ?? [];
   }
 
+  /**
+   * Returns a single application as identified by its id, round name and chain name
+   * @param projectId
+   */
+  async getApplication({
+    roundId,
+    chainId,
+    applicationId,
+  }: {
+    roundId: Lowercase<Address>;
+    chainId: number;
+    applicationId: string;
+  }): Promise<Application | undefined> {
+    const requestVariables = {
+      roundId,
+      chainId,
+      applicationId,
+    };
+
+    const response: { application: Application } = await request(
+      this.gsIndexerEndpoint,
+      getApplication,
+      requestVariables,
+    );
+
+    return response.application ?? [];
+  }
+
   async getProgramName({
     projectId,
   }: {
@@ -351,14 +382,16 @@ export class DataLayer {
     roundId: string;
     chainId: number;
   }): Promise<V2Round> {
-
     const requestVariables = {
       roundId,
-      chainId
+      chainId,
     };
 
-    const response : {rounds: V2Round[]} = 
-    await request(this.gsIndexerEndpoint, getRoundByIdAndChainId, requestVariables);
+    const response: { rounds: V2Round[] } = await request(
+      this.gsIndexerEndpoint,
+      getRoundByIdAndChainId,
+      requestVariables,
+    );
 
     return response.rounds[0] ?? [];
   }

packages/data-layer/src/data.types.ts

@@ -1,7 +1,5 @@
 import { VerifiableCredential } from "@gitcoinco/passport-sdk-types";
-import { 
-  RoundApplicationMetadata,
-} from './roundApplication.types';
+import { RoundApplicationMetadata } from "./roundApplication.types";
 // TODO `RoundPayoutType` and `RoundVisibilityType` are duplicated from `common` to
 // avoid further spaghetti dependencies. They should probably be relocated here.
 export type RoundPayoutType = "MERKLE" | "DIRECT";
@@ -233,7 +231,7 @@ export type V2Round = {
   roundMetadataCid: string;
   applicationMetadata: RoundApplicationMetadata;
   applicationMetadataCid: string;
-}
+};
 
 export type ProjectEvents = {
   createdAtBlock: number | undefined;
@@ -416,3 +414,33 @@ export type Collection = {
   description: string;
   applicationRefs: string[];
 };
+
+export type Application = {
+  id: string;
+  chainId: string;
+  roundId: string;
+  projectId: string;
+  status: ApplicationStatus;
+  totalAmountDonatedInUsd: number;
+  totalDonationsCount: string;
+  uniqueDonorsCount: number;
+  round: {
+    donationsStartTime: string;
+    donationsEndTime: string;
+    applicationsStartTime: string;
+    applicationsEndTime: string;
+    roundMetadata: RoundMetadata;
+    matchTokenAddress: string;
+    tags: string[];
+  };
+  project: {
+    id: string;
+    metadata: ProjectMetadata;
+  };
+  metadata: {
+    application: {
+      recipient: string;
+      answers: GrantApplicationFormAnswer[];
+    };
+  };
+};

packages/data-layer/src/queries.ts

@@ -158,6 +158,38 @@ export const getApplicationsByProjectId = gql`
   }
 `;
 
+export const getApplication = gql`
+  query Application(
+    $chainId: Int!
+    $applicationId: String!
+    $roundId: String!
+  ) {
+    application(chainId: $chainId, id: $applicationId, roundId: $roundId) {
+      id
+      chainId
+      roundId
+      projectId
+      status
+      totalAmountDonatedInUsd
+      uniqueDonorsCount
+      round {
+        donationsStartTime
+        donationsEndTime
+        applicationsStartTime
+        applicationsEndTime
+        matchTokenAddress
+        roundMetadata
+      }
+      metadata
+      project {
+        tags
+        id
+        metadata
+      }
+    }
+  }
+`;
+
 export const getProgramName = gql`
   query getProgramNameQuery($projectId: String!) {
     projects(filter: { id: { equalTo: $projectId } }) {
@@ -249,7 +281,9 @@ export const getBlockNumberQuery = gql`
 
 export const getRoundByIdAndChainId = gql`
   query getRoundByIdAndChainId($roundId: String!, $chainId: Int!) {
-    rounds(filter: { id: { equalTo: $roundId }, chainId: { equalTo: $chainId } }) {
+    rounds(
+      filter: { id: { equalTo: $roundId }, chainId: { equalTo: $chainId } }
+    ) {
       id
       chainId
       applicationsStartTime
@@ -263,4 +297,4 @@ export const getRoundByIdAndChainId = gql`
       applicationMetadataCid
     }
   }
-`;
+`;