diff --git a/src/components/organisms/AssetActions/Pool/PoolStatistics.module.css b/src/components/organisms/AssetActions/Pool/PoolStatistics.module.css new file mode 100644 index 000000000..b0529e91c --- /dev/null +++ b/src/components/organisms/AssetActions/Pool/PoolStatistics.module.css @@ -0,0 +1,6 @@ +.statistics { +} + +.title { + composes: title from './index.module.css'; +} diff --git a/src/components/organisms/AssetActions/Pool/PoolStatistics.tsx b/src/components/organisms/AssetActions/Pool/PoolStatistics.tsx new file mode 100644 index 000000000..1713ca801 --- /dev/null +++ b/src/components/organisms/AssetActions/Pool/PoolStatistics.tsx @@ -0,0 +1,36 @@ +import { useUserPreferences } from '../../../../providers/UserPreferences' +import React, { ReactElement } from 'react' +import { Balance } from '.' +import styles from './PoolStatistics.module.css' +import Token from './Token' +import Conversion from '../../../atoms/Price/Conversion' + +export default function PoolStatistics({ + price, + dtSymbol, + totalBalance, + totalPoolTokens, + swapFee +}: { + price: string + dtSymbol: string + totalBalance: Balance + totalPoolTokens: string + swapFee: string +}): ReactElement { + const { debug } = useUserPreferences() + + const totalLiquidityInOcean = + Number(totalBalance.ocean) + Number(totalBalance.dt) * Number(price) + + return ( +