fix: scrolling while pagination

FuelLabs · Oct 5, 2024 · 1208ef3 · 1208ef3
1 parent e2003f8
commit 1208ef3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 13 deletions.
diff --git a/packages/app-explorer/src/systems/Block/screens/BlockScreen.tsx b/packages/app-explorer/src/systems/Block/screens/BlockScreen.tsx
@@ -10,7 +10,7 @@ import { Hero } from '../components/Hero';
 
 export const BlocksScreen = () => {
   const router = useRouter();
-  const searchParams = useSearchParams();
+  const _searchParams = useSearchParams();
 
   const [data, setData] = useState<GQLBlocksQuery['blocks'] | undefined>(
     undefined,
@@ -76,19 +76,12 @@ export const BlocksScreen = () => {
         router.push('/blocks');
         return;
       }
-      router.push(`/blocks?page=${newPageNumber}&cursor=${newCursor}`);
+      router.push(`/blocks?page=${newPageNumber}&cursor=${newCursor}`, {
+        scroll: false,
+      });
     }
   };
 
-  useEffect(() => {
-    const page = parseInt(searchParams.get('page') || '1');
-    const cursor = searchParams.get('cursor') || null;
-
-    setCurrentPage(page);
-    setCurrentCursor(cursor);
-    setDir(page > currentPage ? 'after' : 'before');
-  }, [searchParams]);
-
   useEffect(() => {
     fetchBlockData(currentCursor, dir);
   }, [currentCursor, dir]);

diff --git a/packages/ui/src/theme/theme.css b/packages/ui/src/theme/theme.css
@@ -819,7 +819,7 @@
   --gray-10: #7b7b7b;
   --gray-11: #b4b4b4;
   --gray-12: #eee;
-  --gray-13:#191919;
+  --gray-13:#212121;
 
   --gray-a1: #00000000;
   --gray-a2: #ffffff09;
@@ -903,7 +903,7 @@
       --gray-10: oklch(58.29% 0 none);
       --gray-11: oklch(76.99% 0 none);
       --gray-12: oklch(94.91% 0 none);
-      --gray-13: oklch(25.2% 0 none);
+      --gray-13:#212121;
 
       --gray-a1: color(display-p3 0 0 0 / 0);
       --gray-a2: color(display-p3 1 1 1 / 0.0336);