diff --git a/src/containers/ChainOverview/Stats.tsx b/src/containers/ChainOverview/Stats.tsx index fe40b34d3..fc7e59727 100644 --- a/src/containers/ChainOverview/Stats.tsx +++ b/src/containers/ChainOverview/Stats.tsx @@ -9,6 +9,7 @@ import { CSVDownloadButton } from '~/components/ButtonStyled/CsvButton' import { prepareChartCsv } from '~/components/ECharts/utils' import { EmbedChart } from '~/components/EmbedChart' import { Icon } from '~/components/Icon' +import { BasicLink } from '~/components/Link' import { LoadingDots } from '~/components/Loaders' import { TokenLogo } from '~/components/TokenLogo' import { Tooltip } from '~/components/Tooltip' @@ -154,6 +155,19 @@ export const Stats = memo(function Stats(props: IStatsProps) { } }) + const compareUrl = useMemo(() => { + if (props.metadata.name === 'All') return null + + const topChains = props.allChains + .filter((c) => c.label !== props.metadata.name && c.label !== 'All') + .slice(0, 1) + .map((c) => `chains=${encodeURIComponent(c.label)}`) + + const chainsParams = [`chains=${encodeURIComponent(props.metadata.name)}`, ...topChains].join('&') + + return `/compare-chains?${chainsParams}` + }, [props.metadata.name, props.allChains]) + return (