feat(web): add parameters field, improve styling, small mapping adjus…

[kemuru]

…tments

template used:
{"title":"{{escrowTitle}}","description":"{{deliverableText}}","question":"Which party abided by the terms of the contract?","answers":[{"title":"Refund the Buyer","description":"Select this to return the funds to the Buyer."},{"title":"Pay the Seller","description":"Select this to release the funds to the Seller."}],"policyURI":"ipfs://TODO","attachment":{"label":"Transaction Terms","uri":"{{extraDescriptionUri}}"},"frontendUrl":"https://escrow-v2.kleros.builders/#/myTransactions/{{transactionId}}","arbitrableChainID":"421614","arbitrableAddress":"0x10f7A6f42Af606553883415bc8862643A6e63fdA","arbitratorChainID":"421614","arbitratorAddress":"0xA54e7A16d7460e38a8F324eF46782FB520d58CE8","metadata":{"buyer":"{{address}}","seller":"{{sendingRecipientAddress}}","amount":"{{sendingQuantity}}","asset":"{{asset}}","deadline":"{{deadline}}","transactionUri":"{{transactionUri}}"},"category":"Escrow","specification":"KIPXXX","aliases":{"Buyer":"{{address}}","Seller":"{{sendingRecipientAddress}}"},"version":"1.0"}

data mapping used:
[ { "type": "graphql", "endpoint": "https://api.thegraph.com/subgraphs/name/kemuru/escrow-v2-devnet", "query": "query GetTransaction($transactionId: ID!) { escrow(id: $transactionId) { transactionUri buyer seller amount asset deadline } }", "variables": { "transactionId": "30" }, "seek": ["escrow.transactionUri", "escrow.buyer", "escrow.seller", "escrow.amount", "escrow.asset", "escrow.deadline"], "populate": ["transactionUri", "address", "sendingRecipientAddress", "amount", "asset", "deadline"] }, { "type": "fetch/ipfs/json", "ipfsUri": "context.transactionUri", "seek": ["title", "description", "extraDescriptionUri"], "populate": ["escrowTitle", "deliverableText", "extraDescriptionUri"] } ]

---

PR-Codex overview

Detailed summary

• Updated padding in TestnetBanner component
• Added a new link in the Explore component
• Updated the validateSubgraphMapping function in actionTypeValidators.ts
• Added new imports in useContractAddress.tsx
• Added new code in createResultObject.ts
• Updated the DisputeMappings.json.mustache file
• Updated the DisputeTemplate.json.mustache file
• Updated the DisputeTemplateView component

The following files were skipped due to too many changes: web/src/pages/DisputeTemplateView.tsx

✨ Ask PR-Codex anything about this PR by commenting with /codex {your question}

[netlify]

❌ Deploy Preview for kleros-v2 failed.

Name	Link
🔨 Latest commit	f7b6240
🔍 Latest deploy log	https://app.netlify.com/sites/kleros-v2/deploys/65bc3e43388d7e0008c8bc40

[codeclimate]

Code Climate has analyzed commit b41e91b and detected 13 issues on this pull request.

Here's the issue category breakdown:

Category	Count
Complexity	5
Duplication	8

Note: there is 1 critical issue.

View more on Code Climate.

[jaybuidl]

Played around with the styling

[sonarqubecloud]

Quality Gate passed

The SonarCloud Quality Gate passed, but some issues were introduced.

1 New issue
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud