From 5cc5797b78fb5729d4197fdaa206ac4cf804051a Mon Sep 17 00:00:00 2001
From: chotacabras <102478601+chotacabras@users.noreply.github.com>
Date: Mon, 23 May 2022 14:42:54 +0200
Subject: [PATCH] fix: add chainId to the url of the item clicked in search bar
 closes #233

---
 src/components/light-search-bar.js | 4 +++-
 src/components/search-bar.js       | 3 ++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/light-search-bar.js b/src/components/light-search-bar.js
index cbfb9b69..e6e0f82e 100644
--- a/src/components/light-search-bar.js
+++ b/src/components/light-search-bar.js
@@ -12,6 +12,7 @@ import { WalletContext } from 'contexts/wallet-context'
 import { itemToStatusCode, STATUS_COLOR } from '../utils/item-status'
 import { useLazyQuery } from '@apollo/client'
 import ITEM_SEARCH_QUERY from '../utils/graphql/item-search'
+import { useWeb3Context } from 'web3-react'
 
 const StyledSelect = styled(Select)`
   width: 100%;
@@ -61,6 +62,7 @@ const OptionItem = ({ item }) => {
     metaEvidence
   } = useContext(LightTCRViewContext)
   const { timestamp } = useContext(WalletContext)
+  const web3Context = useWeb3Context()
   const [itemInfo, setItemInfo] = useState()
   const { metadata } = metaEvidence || {}
   const { isTCRofTCRs } = metadata || {}
@@ -130,7 +132,7 @@ const OptionItem = ({ item }) => {
             ))
         )}
       </StyledFieldsContainer>
-      <StyledLink to={`/tcr/${tcrAddress}/${itemID}`}>
+      <StyledLink to={`/tcr/${web3Context.networkId}/${tcrAddress}/${itemID}`}>
         <Icon type="right-circle" style={{ fontSize: '24px' }} />
       </StyledLink>
     </StyledOptionItem>
diff --git a/src/components/search-bar.js b/src/components/search-bar.js
index adc48efe..8340c8bc 100644
--- a/src/components/search-bar.js
+++ b/src/components/search-bar.js
@@ -64,6 +64,7 @@ const OptionItem = ({ item: { itemID, columns = [], tcrAddress } }) => {
     metaEvidence
   } = useContext(TCRViewContext)
   const { timestamp } = useContext(WalletContext)
+  const web3Context = useWeb3Context()
   const [itemInfo, setItemInfo] = useState()
   const { metadata } = metaEvidence || {}
   const { isTCRofTCRs } = metadata || {}
@@ -141,7 +142,7 @@ const OptionItem = ({ item: { itemID, columns = [], tcrAddress } }) => {
             ))
         )}
       </StyledFieldsContainer>
-      <StyledLink to={`/tcr/${tcrAddress}/${itemID}`}>
+      <StyledLink to={`/tcr/${web3Context.networkId}/${tcrAddress}/${itemID}`}>
         <Icon type="right-circle" style={{ fontSize: '24px' }} />
       </StyledLink>
     </StyledOptionItem>