diff --git a/packages/lib/modules/pool/PoolDetail/PoolHeader/PoolHeader.tsx b/packages/lib/modules/pool/PoolDetail/PoolHeader/PoolHeader.tsx index f5e28975c..1902e98ba 100644 --- a/packages/lib/modules/pool/PoolDetail/PoolHeader/PoolHeader.tsx +++ b/packages/lib/modules/pool/PoolDetail/PoolHeader/PoolHeader.tsx @@ -1,4 +1,4 @@ -import { Stack, Button, VStack, useDisclosure, HStack, Tooltip } from '@chakra-ui/react' +import { Stack, Button, VStack, useDisclosure, HStack, Tooltip, Text } from '@chakra-ui/react' import { usePathname, useRouter } from 'next/navigation' import PoolMetaBadges from './PoolMetaBadges' @@ -19,6 +19,7 @@ import { import { useState } from 'react' import { getXavePoolLink } from '../../pool.utils' import { PoolAdvancedOptions } from './PoolAdvancedOptions' +import { usePoolMetadata } from '../../metadata/usePoolMetadata' export function PoolHeader() { const pathname = usePathname() @@ -28,6 +29,7 @@ export function PoolHeader() { const [redirectPartnerUrl, setRedirectPartnerUrl] = useState() const partnerRedirectDisclosure = useDisclosure() const isCowPool = isCowAmmPool(pool.type) + const { description } = usePoolMetadata(pool) const isAddLiquidityBlocked = shouldBlockAddLiquidity(pool) @@ -54,12 +56,22 @@ export function PoolHeader() { - + + + {description && ( + + {description} + + )} + +