diff --git a/src/pages/liquidity/create.tsx b/src/pages/liquidity/create.tsx index 0c441701e..1bf70a9ab 100644 --- a/src/pages/liquidity/create.tsx +++ b/src/pages/liquidity/create.tsx @@ -2,7 +2,9 @@ import { useRouter } from 'next/router' import { ReactNode, useMemo, useState } from 'react' import { twMerge } from 'tailwind-merge' +import useAppAdvancedSettings from '@/application/common/useAppAdvancedSettings' import useAppSettings from '@/application/common/useAppSettings' +import useConnection from '@/application/connection/useConnection' import txCreateAndInitNewPool from '@/application/createPool/txCreateAndInitNewPool' import { updateCreatePoolInfo } from '@/application/createPool/updateCreatePoolInfo' import useCreatePool from '@/application/createPool/useCreatePool' @@ -23,14 +25,16 @@ import Link from '@/components/Link' import PageLayout from '@/components/PageLayout' import Row from '@/components/Row' import SetpIndicator from '@/components/SetpIndicator' +import Tooltip from '@/components/Tooltip' import copyToClipboard from '@/functions/dom/copyToClipboard' import { toTokenAmount } from '@/functions/format/toTokenAmount' import { isMeaningfulNumber, lte } from '@/functions/numberish/compare' import { div } from '@/functions/numberish/operations' import { toString } from '@/functions/numberish/toString' +import useAsyncMemo from '@/hooks/useAsyncMemo' import useToggle from '@/hooks/useToggle' +import { Liquidity, struct, u64 } from '@raydium-io/raydium-sdk' import { getMaxBalanceBNIfNotATA } from '../../application/token/getMaxBalanceIfNotATA' -import Tooltip from '@/components/Tooltip' /** * @see https://uiwjs.github.io/#/components/date-input @@ -125,6 +129,7 @@ function PanelContent({ close }: { close(): void }) { const haveEnoughCoinQuote = quoteAmount && quoteTokenBalance && lte(quoteAmount, quoteTokenBalance) const [priceReverse, { toggle }] = useToggle() + const solCost = useCreatePoolSOLCost() const step2Content = ( <> @@ -180,8 +185,8 @@ function PanelContent({ close }: { close(): void }) { onDateChange={(selectedDate) => useCreatePool.setState({ startTime: selectedDate })} showTime={{ format: 'HH:mm:ss' }} /> - {/* - A creation fee of X.XX SOL is required for new pools + + A creation fee of {solCost ?? '--'} SOL is required for new pools @@ -191,7 +196,7 @@ function PanelContent({ close }: { close(): void }) { - */} +