From 9879e988695b2e650fdc5be506c14426f89887f4 Mon Sep 17 00:00:00 2001
From: "AlexHerrmann(josojo)" <josojo@hotmail.de>
Date: Fri, 11 Jun 2021 20:38:44 +0200
Subject: [PATCH] tokenDisplay depending on chainId from url (#683)

---
 src/components/auction/OrderPlacement/index.tsx | 1 +
 src/components/form/PriceInputPanel/index.tsx   | 5 ++---
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/auction/OrderPlacement/index.tsx b/src/components/auction/OrderPlacement/index.tsx
index d3b40f3b1..9193a3e78 100644
--- 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
index 9eb5a6225..75762a5c7 100644
--- 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 {