oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-06-30 22:01:44 +02:00
Code Releases Activity

fix liquidity & price graph

Browse Source
This commit is contained in:
Matthias Kretschmann 2022-01-24 17:11:12 +00:00
parent 8293e9ad5f
commit d43920548f
Signed by: m
GPG Key ID: 606EEEF3C479A91F
1 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/Asset/AssetActions/Pool/Graph.tsx
View File

@ -26,6 +26,7 @@ import { gql, OperationResult } from 'urql'
import { PoolHistory } from '../../../../@types/subgraph/PoolHistory' import { PoolHistory } from '../../../../@types/subgraph/PoolHistory'
import { fetchData, getQueryContext } from '@utils/subgraph' import { fetchData, getQueryContext } from '@utils/subgraph'
import styles from './Graph.module.css' import styles from './Graph.module.css'
import Decimal from 'decimal.js'
declare type GraphType = 'liquidity' | 'price' declare type GraphType = 'liquidity' | 'price'
@ -167,20 +168,24 @@ export default function Graph(): ReactElement {
} }
LoggerInstance.log('Fired GraphData!') LoggerInstance.log('Fired GraphData!')
const latestTimestamps = [ const latestTimestamps = dataHistory.poolSnapshots.map((item) => {
...dataHistory.poolSnapshots.map((item) => { const date = new Date(item.date * 1000)
const date = new Date(item.date * 1000) return `${date.toLocaleDateString()} ${date.toLocaleTimeString()}`
return `${date.toLocaleDateString()} ${date.toLocaleTimeString()}` })
})
]
const latestLiquidityHistory = [ let baseTokenLiquidityCumulative = '0'
...dataHistory.poolSnapshots.map((item) => item.baseTokenLiquidity)
]
const latestPriceHistory = [ const latestLiquidityHistory = dataHistory.poolSnapshots.map((item) => {
...dataHistory.poolSnapshots.map((item) => item.datatokenLiquidity) baseTokenLiquidityCumulative = new Decimal(baseTokenLiquidityCumulative)
] .add(item.baseTokenLiquidity)
.toString()
return baseTokenLiquidityCumulative
})
const latestPriceHistory = dataHistory.poolSnapshots.map(
(item) => item.spotPrice
)
setGraphData({ setGraphData({
labels: latestTimestamps.slice(0), labels: latestTimestamps.slice(0),