Prevent changing scroll position during navigation between collections

oasisprotocol · Dec 1, 2023 · 391ade5 · 391ade5
1 parent adb975a
commit 391ade5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/app/pages/AccountDetailsPage/AccountNFTCollectionCard.tsx b/src/app/pages/AccountDetailsPage/AccountNFTCollectionCard.tsx
@@ -28,7 +28,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()
@@ -55,8 +55,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
@@ -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>
         ),