Frontend: hardcoded values

[kemuru]

some hardcoded values, I have looked through all the "kleros-v2/web" files (and all its subfolders) and I've encountered these:

• Hardcoded values: "www.google.com" in consts/community-elements #648

---

correct links, respectively:

https://forum.kleros.io/
https://snapshot.org/#/kleros.eth/
https://kleros.io/coop/
https://t.me/kleros
https://discord.com/invite/cAvWk8B23f
https://t.me/kleros
https://slack.kleros.io/

---

• Hardcoded values: 1st chiado in consts/chains.ts #649

---

hmm, this wasn't a hardcode, in this file there should be declared all the supported chains

---

• Hardcoded values: 2nd chiado in hooks/queries/useEvidenceGroup.ts #650

---

instead of hardcoding the chainId and arbitrableAddress on the "arbitrable" const, pass these values as parameters
on useEvidenceGroup, like this:

  export const useEvidenceGroup = (
  disputeID?: string,
  arbitrableAddress?: string
  chainId?: number // new parameter
)

and then create the arbitrable const like this:

  const arbitrable = useConnectedContract(
    "IMetaEvidence",
    arbitrableAddress,
    chainId
  );

then depending on the chain who is calling it, the parameters will change.

---

• Hardcoded values: 3rd chiado in hooks/queries/useGetMetaEvidence.ts #651

---

exactly the same solution as the above in useEvidenceGroup()

---

• Hardcoded values: arb-goerli RPC with private key on hooks/useConnectedContract.ts #652

---

create a .env and place this provider there, as:

  ARB_GOERLI_PROVIDER=https://arb-goerli.g.alchemy.com/v2/HAAmSjN1RzxG1LNsGh9Je72bYVPsyFfQ

then create a .env.example and place it without the private key:

  ARB_GOERLI_PROVIDER=https://arb-goerli.g.alchemy.com/v2/{key}

---

• Hardcoded values: proof of humanity profile in the href on CaseDetails/Overview.tsx #653

---

instead of hardcoding the string "View profile on Proof of Humanity" use a general solution like the one in Court V1 https://github.com/kleros/court/blob/a837a3a798795c00d4d5c04a3c7b4eb4434632ac/src/components/case-details-card.js#L654
and instead of hardcoding the URL of the interface (proof of humanity profile) use a general solution like the one in Court V1 https://github.com/kleros/court/blob/master/src/components/case-details-card.js#L348

---

• Hardcoded values: "7.80%" juror odds on JurorStakeDisplay.tsx #654

---

you can do this subgraph query, passing as parameter the desired courtId (ex: "1"):

 {
  court(id: {courtId}) {
    stake
    stakedJurors(where: {id: "0xf50e77f2a2b6138d16c6c7511562e5c33c4b15a3-{courtId}"}) {
      staked
    }
  }
}

It's requesting two fields for this court:

• The stake field, which returns the total amount of PNK staked in this court by all jurors.
• the staked field, which returns the amount of PNK staked by this juror in this court.

then you can get the juror odds with a formula, ex: (jurorBalance?.staked / totalStaked in that court) * 100

---

• Hardcoded values: "10,000 PNK" and "1,000 PNK" on CourtCards.tsx #655

---

We can solve this problem with queries to the subgraph:

Make a query to thegraph and see in which courts the user is staked, we are interested specifically in the "id" and "name" of these courts:

{
  user(id: "0xf50e77f2a2b6138d16c6c7511562e5c33c4b15a3") {
    tokens {
      court {
        id
        name
      }
    }
  }
}

Now, we need to make more queries with each court id received earlier, to know how much PNK is staked and how much is locked in each court:

{
  court(id: "{courtId}") {
    id
    name
    stakedJurors(where: {id: "0xf50e77f2a2b6138d16c6c7511562e5c33c4b15a3-{courtId}" } ) {
      staked
      locked
    }
  }
}

Depending on the number of courts returned on the first query (array.length), we will use .map() to create that number of CourtCards, passing as parameters each court in which the user is staked, the total stake they have in that court, and how much stake is locked

---

• Hardcoded values: Aristotle, Level, level circular progress, Coherent votes on Dashboard/JurorInfo/Coherency.tsx #656

---

in v2 subgraph, we have degreeOfCoherency, so we could fetch this from the subgraph, then we can compute the average of degreeOfCoherency for all the rounds in which the user has participated

---

• Hardcoded values: ETH and PNK rewards, and its USD values on JurorRewards.tsx #657

---

for this, maybe we could do a subgraph query, and request the "shifts" field from the user, something like this:

"const { data } = await client.query({
  query: gql`
    {
      user(id: "0xf50e77f2a2b6138d16c6c7511562e5c33c4b15a3") {
        shifts {
          tokenAmount
          ethAmount
        }
      }
    }
  `
});

const shifts = data.user.shifts;

const totalTokenAmount = shifts.map(shift => parseInt(shift.tokenAmount)).reduce((acc, curr) => acc + curr, 0);
const totalEthAmount = shifts.map(shift => parseInt(shift.ethAmount)).reduce((acc, curr) => acc + curr, 0);

console.log(`Total tokenAmount: ${totalTokenAmount}`);
console.log(`Total ethAmount: ${totalEthAmount}`);"

---

• Hardcoded values: Unclaimed 1000 PNK, APY rewards, & tokens rewarded on StakingRewards page #658

---

looking at how Court V1 does it,

for getting the Unclaimed PNK amount: https://github.com/kleros/court/blob/4c27719ee3eb5f039efd4470f18bec5d07e2c202/src/components/claim-modal.js#L198

for getting the APY %: https://github.com/kleros/court/blob/master/src/components/claim-modal.js#L139

for getting the tokens rewarded: https://github.com/kleros/court/blob/4c27719ee3eb5f039efd4470f18bec5d07e2c202/src/components/claim-modal.js#L212

---

• Min Stake, Vote Stake, PNK Staked, ETH paid to Jurors, PNK redistributed at pages/Courts/CourtDetails/Stats.tsx #659

• PNK staked, ETH Paid to jurors, PNK redistributed at pages/Home/CourtOverview/Stats.tsx #660

• value of a year in seconds at pages/Home/index.tsx #661
  More on the Cases page

• Hardcoded values: Total, In Progress, Closed number of cases #1084

[nhestrompia]

I found more hard-coded values within these files :

• Min Stake, Vote Stake, PNK Staked, ETH paid to Jurors, PNK redistributed at pages/Courts/CourtDetails/Stats.tsx

could use an API such as coingecko to retrieve values of PNK and ETH.

https://www.coingecko.com/en/api

• PNK staked, ETH Paid to jurors, PNK redistributed at pages/Home/CourtOverview/Stats.tsx

could use an API such as coingecko to retrieve values of PNK and ETH.

https://www.coingecko.com/en/api

• value of a year in seconds at pages/Home/index.tsx

updating the seconds value of a year to 31,536,000:

const getOneYearAgoTimestamp: () => number = () => {
  const currentTime = new Date().getTime() / 1000;
  return currentTime - 31536000; // One year in seconds
};

[jaybuidl]

More on the Cases page

• Total, In Progress, Closed number of cases
  
  -> Cases search by disputeId #689