feat: add deployment dependant subgraphs

Author: alcercu

web/package.json

@@ -24,7 +24,7 @@
   "packageManager": "yarn@3.3.1",
   "scripts": {
     "clear": "rm -fr ../.parcel-cache dist/bundle.js",
-    "start": "parcel",
+    "start": "yarn generate && parcel",
     "start-local": "REACT_APP_SUBGRAPH_ENDPOINT=http://localhost:8000/subgraphs/name/kleros/kleros-v2-core-local parcel",
     "build": "yarn generate && yarn parcel build",
     "check-style": "eslint 'src/**/*.{js,jsx,ts,tsx}'",

web/src/utils/graphqlQueryFnHelper.ts

@@ -1,8 +1,12 @@
 import request from "graphql-request";
 import { TypedDocumentNode } from "@graphql-typed-document-node/core";
 
+const DEPLOYMENT = process.env["REACT_APP_DEPLOYMENT"]?.toUpperCase() ?? "TESTNET";
+
 const CHAINID_TO_DISPUTETEMPLATE_SUBGRAPH = {
-  421613: "https://api.thegraph.com/subgraphs/name/alcercu/disputetemplateregistryarbgrli",
+  421613:
+    process.env[`REACT_APP_DISPUTE_TEMPLATE_ARBGOERLI_SUBGRAPH_${DEPLOYMENT}`] ??
+    "https://api.thegraph.com/subgraphs/name/alcercu/disputetemplateregistryarbgrli",
 };
 
 export const graphqlQueryFnHelper = async (
@@ -12,7 +16,8 @@ export const graphqlQueryFnHelper = async (
   chainId = 421613
 ) => {
   const coreUrl =
-    process.env.REACT_APP_SUBGRAPH_ENDPOINT ?? "https://api.thegraph.com/subgraphs/name/alcercu/kleroscoretest";
+    process.env[`REACT_APP_KLEROS_CORE_SUBGRAPH_${DEPLOYMENT}`] ??
+    "https://api.thegraph.com/subgraphs/name/alcercu/disputetemplateregistryarbgrli";
   const url = isDisputeTemplate ? CHAINID_TO_DISPUTETEMPLATE_SUBGRAPH[chainId] : coreUrl;
   return request(url, query, parametersObject);
 };