tokenDisplay depending on chainId from url (#683)

gnosis · Jun 11, 2021 · 9879e98 · 9879e98
1 parent c54a633
commit 9879e98
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/auction/OrderPlacement/index.tsx b/src/components/auction/OrderPlacement/index.tsx
@@ -376,6 +376,7 @@ const OrderPlacement: React.FC<OrderPlacementProps> = (props) => {
               }}
             />
             <PriceInputPanel
+              chainId={chainId}
               info={priceInfo}
               invertPrices={showPriceInverted}
               onInvertPrices={onInvertPrices}

diff --git a/src/components/form/PriceInputPanel/index.tsx b/src/components/form/PriceInputPanel/index.tsx
@@ -2,7 +2,6 @@ import React, { useMemo } from 'react'
 import styled from 'styled-components'
 import { Token } from 'uniswap-xdai-sdk'
 
-import { useActiveWeb3React } from '../../../hooks'
 import { getTokenDisplay } from '../../../utils'
 import { Tooltip } from '../../common/Tooltip'
 import { InvertIcon } from '../../icons/InvertIcon'
@@ -41,6 +40,7 @@ const InvertButton = styled(FieldRowLineButton)`
 `
 
 interface Props {
+  chainId: number
   info?: FieldRowInfoProps
   invertPrices: boolean
   onInvertPrices: () => void
@@ -51,6 +51,7 @@ interface Props {
 
 const PriceInputPanel = (props: Props) => {
   const {
+    chainId,
     info,
     invertPrices,
     onInvertPrices,
@@ -61,8 +62,6 @@ const PriceInputPanel = (props: Props) => {
   } = props
   const error = info?.type === InfoType.error
 
-  const { chainId } = useActiveWeb3React()
-
   const { auctioningTokenDisplay, biddingTokenDisplay } = useMemo(() => {
     if (tokens && chainId && tokens.auctioningToken && tokens.biddingToken) {
       return {