-
Notifications
You must be signed in to change notification settings - Fork 10
/
PairLogoName.tsx
32 lines (29 loc) · 1.02 KB
/
PairLogoName.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
import { TokensOverlap } from 'components/common/tokensOverlap';
import { WarningWithTooltip } from 'components/common/WarningWithTooltip/WarningWithTooltip';
import { TradePair } from 'libs/modals/modals/ModalTradeTokenList';
import { FC } from 'react';
const suspiciousTokenTooltipMsg =
'This token is not part of any known token list. Always conduct your own research before trading.';
interface Props {
pair: TradePair;
}
export const PairLogoName: FC<Props> = ({
pair: { baseToken, quoteToken },
}) => {
return (
<>
<TokensOverlap tokens={[baseToken, quoteToken]} size={30} />
<p className="font-weight-500 flex items-center gap-4">
{baseToken.symbol}
{baseToken.isSuspicious && (
<WarningWithTooltip tooltipContent={suspiciousTokenTooltipMsg} />
)}
<span className="text-white/60">/</span>
{quoteToken.symbol}
{quoteToken.isSuspicious && (
<WarningWithTooltip tooltipContent={suspiciousTokenTooltipMsg} />
)}
</p>
</>
);
};