Enable smooth scrolling for home page

make-software · Nov 29, 2024 · 623eebe · 623eebe
1 parent f9fc016
commit 623eebe
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/src/apps/popup/pages/home/components/deploys-list/index.tsx b/src/apps/popup/pages/home/components/deploys-list/index.tsx
@@ -29,7 +29,7 @@ export const DeploysList = () => {
       container?.scrollTo(0, Number(position));
       localStorage.removeItem('activityPlateYPosition');
     } else {
-      container?.scrollTo(0, 0);
+      container?.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
     }
   }, []);
 

diff --git a/src/apps/popup/pages/home/components/nft-list/index.tsx b/src/apps/popup/pages/home/components/nft-list/index.tsx
@@ -55,7 +55,7 @@ export const NftList = () => {
       container?.scrollTo(0, Number(position));
       localStorage.removeItem('nftTokenYPosition');
     } else {
-      container?.scrollTo(0, 0);
+      container?.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
     }
   }, []);
 

diff --git a/src/apps/popup/pages/home/components/tokens-list/index.tsx b/src/apps/popup/pages/home/components/tokens-list/index.tsx
@@ -49,7 +49,7 @@ export const TokensList = () => {
   useEffect(() => {
     const container = document.querySelector('#ms-container');
 
-    container?.scrollTo(0, 0);
+    container?.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
   }, []);
 
   return (

diff --git a/src/apps/popup/pages/home/index.tsx b/src/apps/popup/pages/home/index.tsx
@@ -66,7 +66,7 @@ export function HomePageContent() {
     if (!state?.activeTabId) {
       const container = document.querySelector('#ms-container');
 
-      container?.scrollTo(0, 0);
+      container?.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
     }
   }, [state?.activeTabId]);