Merge pull request #395 from reservoirprotocol/jaden/grwth-3523-deep-…

…link-chains-on-portfolio Jaden/grwth 3523 deep link chains on portfolio
reservoirprotocol · Nov 30, 2023 · 39e4c6f · 39e4c6f · vercel · Nov 30, 2023
2 parents ef11cf9 + 7e62646
commit 39e4c6f
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 14 deletions.
diff --git a/components/common/ChainToggle.tsx b/components/common/ChainToggle.tsx
@@ -102,12 +102,9 @@ const ChainToggle: FC = () => {
               key={supportedChain.id}
               css={{ py: '$3', px: '$1', display: 'flex', gap: '$2' }}
               onClick={() => {
-                const newUrl = router.asPath.replace(
-                  chain.routePrefix,
-                  supportedChain.routePrefix
-                )
+                router.query.chain = supportedChain.routePrefix
+                router.push(router, undefined, { shallow: true })
 
-                router.replace(newUrl, undefined, { scroll: false })
                 switchCurrentChain(supportedChain.id)
               }}
             >
@@ -139,12 +136,10 @@ const ChainToggle: FC = () => {
               value={chainOption.name}
               disabled={chainOption.name === chain.name}
               onClick={() => {
-                const newUrl = router.asPath.replace(
-                  chain.routePrefix,
-                  chainOption.routePrefix
-                )
+                router.query.chain = chainOption.routePrefix
+                router.push(router, undefined, { shallow: true })
+
                 switchCurrentChain(chainOption.id)
-                router.replace(newUrl, undefined, { scroll: false })
               }}
             >
               <Box

diff --git a/components/navbar/index.tsx b/components/navbar/index.tsx
@@ -28,8 +28,7 @@ const Navbar = () => {
   const isMobile = useMediaQuery({ query: '(max-width: 960px' })
   const isMounted = useMounted()
   const { routePrefix } = useMarketplaceChain()
-  const { address } = useAccount();
-
+  const { address } = useAccount()
 
   let searchRef = useRef<HTMLInputElement>(null)
 
@@ -246,7 +245,7 @@ const Navbar = () => {
             </HoverCard.Root>
           </Box>
           {isConnected && (
-            <Link href={`/portfolio/${address || ''}`}>
+            <Link href={`/portfolio/${address || ''}?chain=${routePrefix}`}>
               <Box css={{ mr: '$2' }}>
                 <NavItem>Portfolio</NavItem>
               </Box>

diff --git a/context/ChainContextProvider.tsx b/context/ChainContextProvider.tsx
@@ -35,6 +35,12 @@ const ChainContextProvider: FC<any> = ({ children }) => {
         (chain) => chain.id === +savedChainId
       )
     }
+
+    if (!router.query.chain && selectedChain) {
+      router.query.chain = selectedChain.routePrefix
+      router.push(router, undefined, { shallow: true })
+    }
+
     const id = selectedChain?.id || DefaultChain.id
     setGlobalChainId(id)
     localStorage.setItem('reservoir.chainId', `${id}`)

diff --git a/pages/portfolio/[[...address]].tsx b/pages/portfolio/[[...address]].tsx
@@ -165,7 +165,7 @@ const IndexPage: NextPage = () => {
       router.query.tab = tabValue
       router.push(router, undefined, { shallow: true })
     }
-  }, [tabValue])
+  }, [tabValue, router])
 
   if (!isMounted) {
     return null