diff --git a/packages/web/src/pages/asset-detail-page/components/ArtistCoinDetailsModal.tsx b/packages/web/src/pages/asset-detail-page/components/ArtistCoinDetailsModal.tsx index 675299ddb27..a7e3656252c 100644 --- a/packages/web/src/pages/asset-detail-page/components/ArtistCoinDetailsModal.tsx +++ b/packages/web/src/pages/asset-detail-page/components/ArtistCoinDetailsModal.tsx @@ -1,6 +1,7 @@ import { useArtistCoin, useCoinGeckoCoin, + useUser, type CoinGeckoCoinResponse } from '@audius/common/api' import { coinDetailsMessages } from '@audius/common/messages' @@ -20,6 +21,7 @@ import { env } from 'services/env' import { TokenIcon } from '../../../components/buy-sell-modal/TokenIcon' import ResponsiveModal from '../../../components/modal/ResponsiveModal' import { TokenInfoRow } from '../../artist-coins-launchpad-page/components/TokenInfoRow' +import { LAUNCHPAD_COIN_DESCRIPTION } from '../../artist-coins-launchpad-page/constants' const { artistCoinDetails } = coinDetailsMessages @@ -46,6 +48,9 @@ export const ArtistCoinDetailsModal = ({ const isAudio = mint === env.WAUDIO_MINT_ADDRESS const { spacing } = useTheme() const { data: artistCoin } = useArtistCoin(mint) + const { data: artistHandle } = useUser(artistCoin?.ownerId, { + select: (user) => user.handle + }) const { data: coingeckoResponse } = useCoinGeckoCoin( { coinId: 'audius' }, { enabled: isAudio } @@ -102,13 +107,13 @@ export const ArtistCoinDetailsModal = ({ ) : null} {/* On-Chain Description */} - {artistCoin?.description ? ( + {artistCoin?.ticker && artistHandle ? ( {artistCoinDetails.onChainDescription} - {artistCoin.description} + {LAUNCHPAD_COIN_DESCRIPTION(artistHandle, artistCoin.ticker)} ) : null}