From a1ebbfb54822ad508e6310d133989a8343d9fd3d Mon Sep 17 00:00:00 2001
From: Michal Zielenkiewicz <michal@oasisprotocol.org>
Date: Fri, 1 Dec 2023 11:08:36 +0100
Subject: [PATCH] Prevent changing scroll position during navigation between
 collections

---
 .../pages/AccountDetailsPage/AccountNFTCollectionCard.tsx | 8 ++++----
 src/app/pages/AccountDetailsPage/AccountTokensCard.tsx    | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/pages/AccountDetailsPage/AccountNFTCollectionCard.tsx b/src/app/pages/AccountDetailsPage/AccountNFTCollectionCard.tsx
index b8c1ba6d7..b19577d1c 100644
--- a/src/app/pages/AccountDetailsPage/AccountNFTCollectionCard.tsx
+++ b/src/app/pages/AccountDetailsPage/AccountNFTCollectionCard.tsx
@@ -15,7 +15,6 @@ import Skeleton from '@mui/material/Skeleton'
 import { ErrorBoundary } from '../../components/ErrorBoundary'
 import { LinkableDiv } from '../../components/PageLayout/LinkableDiv'
 import { AccountDetailsContext } from './index'
-import { accountTokenTransfersContainerId } from './AccountTokenTransfersCard'
 import { AccountLink } from 'app/components/Account/AccountLink'
 import { CopyToClipboard } from 'app/components/CopyToClipboard'
 import { RouteUtils } from 'app/utils/route-utils'
@@ -28,7 +27,7 @@ import { EvmNft } from 'oasis-nexus/api'
 import { SearchScope } from '../../../types/searchScope'
 import { NFTCollectionLink, NFTInstanceLink } from '../TokenDashboardPage/NFTLinks'
 
-export const accountTokenContainerId = 'nftCollection'
+export const accountNFTCollectionContainerId = 'nftCollection'
 
 export const AccountNFTCollectionCard: FC<AccountDetailsContext> = ({ scope, address }) => {
   const { t } = useTranslation()
@@ -41,7 +40,7 @@ export const AccountNFTCollectionCard: FC<AccountDetailsContext> = ({ scope, add
 
   return (
     <Card>
-      <LinkableDiv id={accountTokenTransfersContainerId}>
+      <LinkableDiv id={accountNFTCollectionContainerId}>
         <CardHeader
           action={
             <Box sx={{ display: 'flex', alignItems: 'flex-start', paddingY: 3 }}>
@@ -55,8 +54,9 @@ export const AccountNFTCollectionCard: FC<AccountDetailsContext> = ({ scope, add
               <Breadcrumbs separator="›" aria-label="breadcrumb">
                 <Typography fontSize={24}>
                   <Link
+                    preventScrollReset={true}
                     component={RouterLink}
-                    to={RouteUtils.getAccountTokensRoute(scope, address, 'ERC721', ethContractAddress)}
+                    to={RouteUtils.getAccountTokensRoute(scope, address, 'ERC721', '')}
                   >
                     {t('nft.accountCollection')}
                   </Link>
diff --git a/src/app/pages/AccountDetailsPage/AccountTokensCard.tsx b/src/app/pages/AccountDetailsPage/AccountTokensCard.tsx
index e9db59539..6c336b814 100644
--- a/src/app/pages/AccountDetailsPage/AccountTokensCard.tsx
+++ b/src/app/pages/AccountDetailsPage/AccountTokensCard.tsx
@@ -100,7 +100,7 @@ export const AccountTokensCard: FC<AccountTokensCardProps> = ({ scope, address,
         align: TableCellAlign.Right,
         key: 'link',
         content: (
-          <Link component={RouterLink} to={item.token_contract_addr_eth}>
+          <Link component={RouterLink} to={item.token_contract_addr_eth} preventScrollReset={true}>
             {t('common.viewAll')}
           </Link>
         ),