diff --git a/web/components/liquidity-panel.tsx b/web/components/liquidity-panel.tsx index e78376bc..94c56d6a 100644 --- a/web/components/liquidity-panel.tsx +++ b/web/components/liquidity-panel.tsx @@ -11,6 +11,7 @@ import { useUserLiquidity } from 'web/hooks/use-liquidity' import { Tabs } from './layout/tabs' import { NoLabel, YesLabel } from './outcome-label' import { Col } from './layout/col' +import { InfoTooltip } from './info-tooltip' export function LiquidityPanel(props: { contract: CPMMContract }) { const { contract } = props @@ -29,13 +30,13 @@ export function LiquidityPanel(props: { contract: CPMMContract }) { , }, ...(showWithdrawal ? [ { - title: 'Withdraw liquidity', + title: 'Withdraw', content: ( , + }, ]} /> ) @@ -98,8 +103,9 @@ function AddLiquidityPanel(props: { contract: CPMMContract }) { return ( <> -
- Subsidize this market by adding liquidity for traders. +
+ Subsidize this market by adding M$ to the liquidity pool.{' '} +
@@ -128,6 +134,27 @@ function AddLiquidityPanel(props: { contract: CPMMContract }) { ) } +function ViewLiquidityPanel(props: { contract: CPMMContract }) { + const { contract } = props + const { id: contractId, pool } = contract + const { YES: yesShares, NO: noShares } = pool + + return ( + +
+ The liquidity pool for this market currently contains: +
+ + {yesShares.toFixed(2)} shares + + + + {noShares.toFixed(2)} shares + + + ) +} + function WithdrawLiquidityPanel(props: { contract: CPMMContract lpShares: { YES: number; NO: number }