diff --git a/src/components/Header/TopBar.tsx b/src/components/Header/TopBar.tsx index 46066493..a8f29dca 100644 --- a/src/components/Header/TopBar.tsx +++ b/src/components/Header/TopBar.tsx @@ -1,10 +1,12 @@ import React from 'react' import styled from 'styled-components' -import { RowBetween, RowFixed, AutoRow } from 'components/Row' -import { TYPE, ExternalLink } from 'theme' +import { AutoRow, RowBetween, RowFixed } from 'components/Row' +import { ExternalLink, TYPE } from 'theme' import { useEthPrices } from 'hooks/useEthPrices' import { formatDollarAmount } from 'utils/numbers' import Polling from './Polling' +import { useActiveNetworkVersion } from '../../state/application/hooks' +import { SupportedNetwork } from '../../constants/networks' const Wrapper = styled.div` width: 100%; @@ -23,13 +25,14 @@ const StyledLink = styled(ExternalLink)` const TopBar = () => { const ethPrices = useEthPrices() + const [activeNetwork] = useActiveNetworkVersion() return ( - ETH Price: + {activeNetwork.id === SupportedNetwork.CELO ? Celo Price: : Eth Price:} {formatDollarAmount(ethPrices?.current)}