2022-12-11 18:43:16 -08:00
|
|
|
import { PerpMarket, Serum3Market } from '@blockworks-foundation/mango-v4'
|
|
|
|
import useSelectedMarket from 'hooks/useSelectedMarket'
|
|
|
|
import Link from 'next/link'
|
|
|
|
import MarketLogos from './MarketLogos'
|
|
|
|
|
|
|
|
const TableMarketName = ({ market }: { market: PerpMarket | Serum3Market }) => {
|
|
|
|
const { selectedMarket } = useSelectedMarket()
|
2023-01-14 21:01:30 -08:00
|
|
|
|
2022-12-11 18:43:16 -08:00
|
|
|
return selectedMarket?.name === market.name ? (
|
|
|
|
<div className="flex items-center">
|
2023-01-14 21:01:30 -08:00
|
|
|
<MarketLogos market={market} />
|
2022-12-15 20:45:01 -08:00
|
|
|
<span className="whitespace-nowrap">{market.name}</span>
|
2022-12-11 18:43:16 -08:00
|
|
|
</div>
|
|
|
|
) : (
|
|
|
|
<Link href={`/trade?name=${market.name}`}>
|
|
|
|
<div className="default-transition flex items-center underline md:hover:text-th-fgd-3 md:hover:no-underline">
|
2023-01-14 21:01:30 -08:00
|
|
|
<MarketLogos market={market} />
|
2022-12-15 20:45:01 -08:00
|
|
|
<span className="whitespace-nowrap">{market.name}</span>
|
2022-12-11 18:43:16 -08:00
|
|
|
</div>
|
|
|
|
</Link>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
export default TableMarketName
|