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 }