import { PerpMarket, Serum3Market } from '@blockworks-foundation/mango-v4' import useSelectedMarket from 'hooks/useSelectedMarket' import Link from 'next/link' import { useRouter } from 'next/router' import MarketLogos from './MarketLogos' const TableMarketName = ({ market }: { market: PerpMarket | Serum3Market }) => { const { selectedMarket } = useSelectedMarket() const { asPath } = useRouter() return selectedMarket?.name === market.name && asPath.includes('/trade') ? (
{market.name}
) : (
{market.name}
) } export default TableMarketName