Tellor reporting page

[Walodja1987]

Context

The goal of this PR is to implement a reporting Dashboard inside the DIVA App for pools that use the Tellor oracle as data provider. Mock-ups are attached in the comments.

Below an illustration of the DIVA Tellor reporting flow:

Implementation

Proposed implementation steps:

1. Implement table in Report tab first
2. Implement My Rewards tab
3. Implement the header part

Report tab specs

In table, show pools where

• data provider = 0x63098cC6EDa33B0FbD07472B1a8dD54D4a5C2153
• now >= expiryTime - 24h
• statusFinalReferenceValue != Confirmed

Pools can be in 4 different states. Those are reflected in the mock designs (each line represents one possible state):

• State 1: Pool about to expiry (pool 91 in mock design) -> Enable "Add Tip" button only

• State 2: Pool expired but no value has been reported yet (pool 91 in mock design) -> Enable "Report" and "Add tip" buttons

• State 3: A value has been reported (pool 92 in mock design) -> Enable "Dispute" button only

• State 4: A value has not been disputed for more than 12 hours (pool 93 in mock design) -> Enable "Settle" button and keep "Dispute" button enabled as well. "Settle" means calling the setFinalReferenceValue function in the DIVA Tellor adapter contract which will pull the value from Tellor smart contract and pass it on to the DIVA smart contract.

• If a value gets disputed, it gets back to pool state 92 if no other values have been reported or it stays in the same state if multiple values have been reported (e.g., via scripts)

Functionality

All the relevant functionality has been implemented in the tests scripts of the DIVA Tellor oracle adapter contract and can be used as a reference:

• Get queryId: https://github.com/divaprotocol/oracles/blob/40de30942bed4cfa636d1ebadc4f42c8a01bd49f/test/DIVAOracleTellor.test.js#L53
• Report: https://github.com/divaprotocol/oracles/blob/40de30942bed4cfa636d1ebadc4f42c8a01bd49f/test/DIVAOracleTellor.test.js#L246
• Dispute: https://github.com/divaprotocol/oracles/blob/40de30942bed4cfa636d1ebadc4f42c8a01bd49f/test/DIVAOracleTellor.test.js#L492
• Add Tip: https://github.com/divaprotocol/oracles/blob/40de30942bed4cfa636d1ebadc4f42c8a01bd49f/test/DIVAOracleTellor.test.js#L223
• Settle: https://github.com/divaprotocol/oracles/blob/40de30942bed4cfa636d1ebadc4f42c8a01bd49f/test/DIVAOracleTellor.test.js#L324

Tellor subgraph:

• Goerli: https://api.studio.thegraph.com/query/14411/diva-tellor-goerli/0.0.2

Contract addresses

There are two smart contracts that are relevant:

• Tellor smart contract: that's where reporters report their values to via submitValue function
• DIVA Tellor oracle adapter contract: that's where tips are added to, setFinalReferenceValue is triggered after the minimum dispute period of 12h has passed and fees/tips are claimed from

Tellor

• Contract address (Goerli): 0x3251838bd813fdf6a97D32781e011cce8D225d59 (playground version without staking requirements)
• ABI (playground version): See https://github.com/divaprotocol/oracles/blob/main/contracts/abi/TellorPlayground.json

DIVA Tellor oracle adapter

• Contract address (Goerli): 0x63098cC6EDa33B0FbD07472B1a8dD54D4a5C2153 (playground version with 10 sec min undisputed period)
• ABI: https://drive.google.com/file/d/1y1k12K3DtguWxbBaldwwnVJ81kfdX09z/view?usp=sharing

My Rewards tab specs

TODO

Header specs

TODO

[Ayaz1997]

Mockup Design Link to Prototype: https://www.figma.com/proto/mcyci32XlFZJ8K1JZa25Ts/Diva-App?node-id=8133%3A49017&scaling=scale-down-width&page-id=5268%3A32007&starting-point-node-id=8133%3A49017

Link to design mockup: https://www.figma.com/file/mcyci32XlFZJ8K1JZa25Ts/Diva-App?node-id=8133%3A49017&t=gLMADVqnrjEFfk4F-4

Report Page

My Rewards Page

State: Wallet not connected

State: Wallet connected with Zero $TRB balance