Merge pull request #1744 from kleros/fix/stake-simulator

Fix/stake simulator

Author: jaybuidl

web/.env.devnet-neo.public

@@ -3,7 +3,6 @@ export REACT_APP_DEPLOYMENT=devnet
 export REACT_APP_CORE_SUBGRAPH=https://api.studio.thegraph.com/query/61738/kleros-v2-coreneo-devnet/version/latest
 export REACT_APP_DRT_ARBSEPOLIA_SUBGRAPH=https://api.studio.thegraph.com/query/61738/kleros-v2-drt-arbisep-devnet/version/latest
 export REACT_APP_STATUS_URL=https://kleros-v2-devnet.betteruptime.com/badge
-export REACT_APP_GENESIS_BLOCK_ARBSEPOLIA=3084598
 export REACT_APP_DEVTOOLS_URL=https://dev--kleros-v2-neo-devtools.netlify.app
 export REACT_APP_ARBITRATOR_TYPE=neo
 export REACT_APP_ATLAS_URI=http://localhost:3000

web/.env.devnet-university.public

@@ -3,7 +3,6 @@ export REACT_APP_DEPLOYMENT=devnet
 export REACT_APP_CORE_SUBGRAPH=https://api.studio.thegraph.com/query/61738/kleros-v2-coreuni-devnet/version/latest
 export REACT_APP_DRT_ARBSEPOLIA_SUBGRAPH=https://api.studio.thegraph.com/query/61738/kleros-v2-drt-arbisep-devnet/version/latest
 export REACT_APP_STATUS_URL=https://kleros-v2-devnet.betteruptime.com/badge
-export REACT_APP_GENESIS_BLOCK_ARBSEPOLIA=3084598
 export REACT_APP_ARBITRATOR_TYPE=university
 export REACT_APP_ATLAS_URI=http://localhost:3000
 export WALLETCONNECT_PROJECT_ID=

web/.env.devnet.public

@@ -3,7 +3,6 @@ export REACT_APP_DEPLOYMENT=devnet
 export REACT_APP_CORE_SUBGRAPH=https://api.studio.thegraph.com/query/61738/kleros-v2-core-devnet/version/latest
 export REACT_APP_DRT_ARBSEPOLIA_SUBGRAPH=https://api.studio.thegraph.com/query/61738/kleros-v2-drt-arbisep-devnet/version/latest
 export REACT_APP_STATUS_URL=https://kleros-v2-devnet.betteruptime.com/badge
-export REACT_APP_GENESIS_BLOCK_ARBSEPOLIA=3084598
 export REACT_APP_ATLAS_URI=http://localhost:3000
 export REACT_APP_DEVTOOLS_URL=https://dev--kleros-v2-testnet-devtools.netlify.app
 export NODE_OPTIONS='--max-old-space-size=7680'

web/.env.mainnet-neo.public

@@ -3,7 +3,6 @@ export REACT_APP_DEPLOYMENT=mainnet
 export REACT_APP_CORE_SUBGRAPH=https://api.studio.thegraph.com/query/61738/kleros-v2-coreneo/version/latest
 export REACT_APP_DRT_ARBMAINNET_SUBGRAPH=https://api.studio.thegraph.com/query/61738/kleros-v2-drt/version/latest
 export REACT_APP_STATUS_URL=https://kleros-v2-devnet.betteruptime.com/badge
-export REACT_APP_GENESIS_BLOCK_ARBMAINNET=190274403
 export REACT_APP_DEVTOOLS_URL=https://devtools.v2.kleros.builders
 export REACT_APP_ARBITRATOR_TYPE=neo
 export REACT_APP_ATLAS_URI=http://localhost:3000

web/.env.testnet.public

@@ -4,7 +4,6 @@ export REACT_APP_CORE_SUBGRAPH=https://api.studio.thegraph.com/query/61738/klero
 export REACT_APP_DRT_ARBSEPOLIA_SUBGRAPH=https://api.studio.thegraph.com/query/61738/kleros-v2-drt-arbisep-devnet/version/latest
 export REACT_APP_STATUS_URL=https://kleros-v2.betteruptime.com/badge
 export REACT_APP_ATLAS_URI=http://localhost:3000
-export REACT_APP_GENESIS_BLOCK_ARBSEPOLIA=3842783
 export REACT_APP_DEVTOOLS_URL=https://devtools.v2-testnet.kleros.builders
 export WALLETCONNECT_PROJECT_ID=
 export ALCHEMY_API_KEY=

web/package.json

@@ -75,6 +75,7 @@
  "dependencies": {
  "@cyntler/react-doc-viewer": "^1.16.3",
  "@kleros/kleros-sdk": "workspace:^",
+ "@kleros/kleros-v2-contracts": "workspace:^",
  "@kleros/ui-components-library": "^2.15.0",
  "@lifi/wallet-management": "^3.0.3",
  "@lifi/widget": "^3.2.0",

web/src/consts/index.ts

@@ -28,6 +28,7 @@ export const ETH_ADDRESS_REGEX = /^0x[a-fA-F0-9]{40}$/;
 export const ETH_SIGNATURE_REGEX = /^0x[a-fA-F0-9]{130}$/;
 
 export const isProductionDeployment = () => import.meta.env.REACT_APP_DEPLOYMENT === "mainnet";
+export const isTestnetDeployment = () => import.meta.env.REACT_APP_DEPLOYMENT === "testnet";
 
 export const isKlerosUniversity = () => getArbitratorType() === ArbitratorTypes.university;
 export const isKlerosNeo = () => getArbitratorType() === ArbitratorTypes.neo;
@@ -36,10 +37,6 @@ export const getArbitratorType = (): ArbitratorTypes =>
 
 export const getDevToolsUrl = () => import.meta.env.REACT_APP_DEVTOOLS_URL || "https://devtools.v2.kleros.builders";
 
-export const GENESIS_BLOCK_ARBSEPOLIA = BigInt(import.meta.env.REACT_APP_GENESIS_BLOCK_ARBSEPOLIA ?? 0);
-export const GENESIS_BLOCK_ARBMAINNET = BigInt(import.meta.env.REACT_APP_GENESIS_BLOCK_ARBMAINNET ?? 0);
-export const genesisBlock = () => (isProductionDeployment() ? GENESIS_BLOCK_ARBMAINNET : GENESIS_BLOCK_ARBSEPOLIA);
-
 export const INVALID_DISPUTE_DATA_ERROR = `The dispute data is not valid, please vote "Refuse to arbitrate"`;
 export const RPC_ERROR = `RPC Error: Unable to fetch dispute data. Please avoid voting.`;
 

web/src/consts/processEnvConsts.ts

@@ -26,10 +26,6 @@ export const isKlerosNeo = () => getArbitratorType() === ArbitratorTypes.neo;
 export const getArbitratorType = (): ArbitratorTypes =>
  _getArbitratorType(process.env.REACT_APP_ARBITRATOR_TYPE?.toLowerCase());
 
-export const GENESIS_BLOCK_ARBSEPOLIA = BigInt(process.env.REACT_APP_GENESIS_BLOCK_ARBSEPOLIA ?? 0);
-export const GENESIS_BLOCK_ARBMAINNET = BigInt(process.env.REACT_APP_GENESIS_BLOCK_ARBMAINNET ?? 0);
-export const genesisBlock = () => (isProductionDeployment() ? GENESIS_BLOCK_ARBMAINNET : GENESIS_BLOCK_ARBSEPOLIA);
-
 export const INVALID_DISPUTE_DATA_ERROR = `The dispute data is not valid, please vote "Refuse to arbitrate"`;
 export const RPC_ERROR = `RPC Error: Unable to fetch dispute data. Please avoid voting.`;
 

web/src/hooks/queries/useHomePageBlockQuery.ts

@@ -5,6 +5,7 @@ import { isUndefined } from "utils/index";
 
 import { graphql } from "src/graphql";
 import { HomePageBlockQuery } from "src/graphql/graphql";
+import useGenesisBlock from "../useGenesisBlock";
 export type { HomePageBlockQuery };
 
 const homePageBlockQuery = graphql(`
@@ -58,18 +59,20 @@ export type HomePageBlockStats = {
 };
 
 export const useHomePageBlockQuery = (blockNumber: number | undefined, allTime: boolean) => {
- const isEnabled = !isUndefined(blockNumber) || allTime;
+ const genesisBlock = useGenesisBlock();
+ const isEnabled = !isUndefined(blockNumber) || allTime || !isUndefined(genesisBlock);
  const { graphqlBatcher } = useGraphqlBatcher();
 
  return useQuery<HomePageBlockStats>({
  queryKey: [`homePageBlockQuery${blockNumber}-${allTime}`],
  enabled: isEnabled,
  staleTime: Infinity,
  queryFn: async () => {
+ const targetBlock = Math.max(blockNumber!, genesisBlock!);
  const data = await graphqlBatcher.fetch({
  id: crypto.randomUUID(),
  document: homePageBlockQuery,
- variables: { blockNumber },
+ variables: { blockNumber: targetBlock },
  });
 
  return processData(data, allTime);

web/src/hooks/useGenesisBlock.ts

@@ -0,0 +1,32 @@
+import { useEffect, useState } from "react";
+import { isKlerosNeo, isKlerosUniversity, isTestnetDeployment } from "~src/consts";
+
+/**
+ * @returns genesis block for kleros core contract
+ */
+const useGenesisBlock = () => {
+ const [genesisBlock, setGenesisBlock] = useState<number>();
+ useEffect(() => {
+ if (isKlerosUniversity()) {
+ import("@kleros/kleros-v2-contracts/deployments/arbitrumSepoliaDevnet/KlerosCoreUniversity.json").then((json) =>
+ setGenesisBlock(json.receipt.blockNumber)
+ );
+ } else if (isKlerosNeo()) {
+ import("@kleros/kleros-v2-contracts/deployments/arbitrum/KlerosCoreNeo.json").then((json) =>
+ setGenesisBlock(json.receipt.blockNumber)
+ );
+ } else if (isTestnetDeployment()) {
+ import("@kleros/kleros-v2-contracts/deployments/arbitrumSepolia/KlerosCore.json").then((json) =>
+ setGenesisBlock(json.receipt.blockNumber)
+ );
+ } else {
+ import("@kleros/kleros-v2-contracts/deployments/arbitrumSepoliaDevnet/KlerosCore.json").then((json) =>
+ setGenesisBlock(json.receipt.blockNumber)
+ );
+ }
+ }, []);
+
+ return genesisBlock;
+};
+
+export default useGenesisBlock;