mirror of
https://github.com/oceanprotocol/market.git
synced 2024-09-28 03:58:59 +02:00
pool token updates
This commit is contained in:
parent
9e37127360
commit
2fd4b59adf
6
package-lock.json
generated
6
package-lock.json
generated
@ -3208,9 +3208,9 @@
|
||||
"integrity": "sha512-z7ziNbRwsPrJi+zGyokgUEKivD90a5/9jjV+WLj1q5U96g60rd5rxox4EKNPNGlHx/m5rWBJhHBV4rseJjtFjg=="
|
||||
},
|
||||
"@oceanprotocol/lib": {
|
||||
"version": "0.1.14",
|
||||
"resolved": "https://registry.npmjs.org/@oceanprotocol/lib/-/lib-0.1.14.tgz",
|
||||
"integrity": "sha512-a4vAa56SYcMc7muq/FUpc5Nki7NiEqCgnIOuXOBJ1YvdNYHTefL5Gy96zMGTjWF1Y+ppj9AT3s+QOfGiZVEukg==",
|
||||
"version": "0.1.15",
|
||||
"resolved": "https://registry.npmjs.org/@oceanprotocol/lib/-/lib-0.1.15.tgz",
|
||||
"integrity": "sha512-56KOmHTWGt0E/ax+UNklqqtlLoPy06n6180hC59zGv0d0UGpGk7nvxFQtQ7a9moblpUh8rN5yFD/OCxNfx+dCg==",
|
||||
"requires": {
|
||||
"@ethereum-navigator/navigator": "^0.5.0",
|
||||
"@oceanprotocol/contracts": "^0.3.4",
|
||||
|
@ -22,7 +22,7 @@
|
||||
"@coingecko/cryptoformat": "^0.3.8",
|
||||
"@loadable/component": "^5.13.1",
|
||||
"@oceanprotocol/art": "^3.0.0",
|
||||
"@oceanprotocol/lib": "^0.1.14",
|
||||
"@oceanprotocol/lib": "^0.1.15",
|
||||
"@oceanprotocol/react": "^0.0.40",
|
||||
"@oceanprotocol/typographies": "^0.1.0",
|
||||
"@sindresorhus/slugify": "^1.0.0",
|
||||
|
@ -22,6 +22,7 @@ export default function Pool({ ddo }: { ddo: DDO }): ReactElement {
|
||||
const { price, poolAddress } = useMetadata(ddo)
|
||||
|
||||
const [poolTokens, setPoolTokens] = useState<string>()
|
||||
const [totalPoolTokens, setTotalPoolTokens] = useState<string>()
|
||||
const [totalBalance, setTotalBalance] = useState<Balance>()
|
||||
const [dtSymbol, setDtSymbol] = useState<string>()
|
||||
const [userBalance, setUserBalance] = useState<Balance>()
|
||||
@ -30,10 +31,14 @@ export default function Pool({ ddo }: { ddo: DDO }): ReactElement {
|
||||
const [showRemove, setShowRemove] = useState(false)
|
||||
const [isLoading, setIsLoading] = useState(true)
|
||||
|
||||
// const isLoading = !ocean || !totalBalance || !userBalance || !price
|
||||
const hasAddedLiquidity =
|
||||
userBalance && (Number(userBalance.ocean) > 0 || Number(userBalance.dt) > 0)
|
||||
|
||||
const poolShare =
|
||||
totalBalance &&
|
||||
userBalance &&
|
||||
((Number(totalPoolTokens) * Number(poolTokens)) / 100).toFixed(2)
|
||||
|
||||
useEffect(() => {
|
||||
if (!ocean || !accountId || !poolAddress || !price) return
|
||||
|
||||
@ -63,14 +68,13 @@ export default function Pool({ ddo }: { ddo: DDO }): ReactElement {
|
||||
)
|
||||
setPoolTokens(poolTokens)
|
||||
|
||||
// TODO: figure out how to get that
|
||||
// const totalPoolTokens = await ocean.pool.totalSupply(poolAddress)
|
||||
// console.log(totalPoolTokens)
|
||||
const totalPoolTokens = await ocean.pool.totalSupply(poolAddress)
|
||||
setTotalPoolTokens(totalPoolTokens)
|
||||
|
||||
// TODO: replace `dtReserve` with `totalPoolTokens`
|
||||
const userBalance = {
|
||||
ocean: `${
|
||||
(Number(poolTokens) / Number(dtReserve)) * Number(oceanReserve)
|
||||
(Number(poolTokens) / Number(totalPoolTokens)) *
|
||||
Number(oceanReserve)
|
||||
}`,
|
||||
dt: '0'
|
||||
}
|
||||
@ -85,11 +89,6 @@ export default function Pool({ ddo }: { ddo: DDO }): ReactElement {
|
||||
init()
|
||||
}, [ocean, accountId, price, poolAddress])
|
||||
|
||||
const poolShare =
|
||||
totalBalance &&
|
||||
userBalance &&
|
||||
((Number(totalBalance.dt) * Number(userBalance.dt)) / 100).toFixed(2)
|
||||
|
||||
return (
|
||||
<>
|
||||
{isLoading && !userBalance ? (
|
||||
@ -135,6 +134,7 @@ export default function Pool({ ddo }: { ddo: DDO }): ReactElement {
|
||||
<h3 className={styles.title}>Total Pooled Tokens</h3>
|
||||
<Token symbol="OCEAN" balance={totalBalance.ocean} />
|
||||
<Token symbol={dtSymbol} balance={totalBalance.dt} />
|
||||
<Token symbol="BPT" balance={totalPoolTokens} />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user