Merge pull request #1463

src/app/rollupscan/batch/[batchIndex]/blocks/page.tsx

@@ -26,6 +26,7 @@ const Blocks = () => {
       <Box
         className="wrapper mx-auto"
         sx={{
+          maxWidth: "130rem",
           marginBottom: "16rem",
           "& *": {
             fontFamily: "var(--developer-page-font-family) !important",

src/app/rollupscan/batch/[batchIndex]/chunk/[chunkIndex]/page.tsx

@@ -72,6 +72,7 @@ const Chunk = props => {
       <Box
         className="wrapper mx-auto"
         sx={{
+          maxWidth: "130rem",
           marginBottom: "16rem",
           "& *": {
             fontFamily: "var(--developer-page-font-family) !important",

src/app/rollupscan/batch/[batchIndex]/chunks/page.tsx

@@ -23,6 +23,7 @@ const Blocks = () => {
       <Box
         className="wrapper mx-auto"
         sx={{
+          maxWidth: "130rem",
           marginBottom: "16rem",
           "& *": {
             fontFamily: "var(--developer-page-font-family) !important",

src/app/rollupscan/index/Table.tsx

@@ -155,9 +155,9 @@ const RollupTable = function RollupTable(props) {
   }
 
   const handleChangePage = (e, newPage) => {
-    searchParams.set("page", newPage)
-    // setSearchParams(searchParams);
-    router.push(`${pathname}?${searchParams.toString()}}`)
+    const params = new URLSearchParams(searchParams.toString())
+    params.set("page", newPage)
+    router.push(`${pathname}?${params.toString()}}`)
     onPaginationChange({
       page: +searchParams.get("page"),
       pageSize: +searchParams.get("per_page"),

src/hooks/useRollupInfo.ts

@@ -1,6 +1,7 @@
 import useSWR from "swr"
 
 import { fetchBatchBlocksUrl, fetchBatchDetailUrl, fetchChunkBlocksUrl, fetchChunkListUrl, fetchLastBatchIndexesUrl } from "@/apis/rollupscan"
+import { scrollRequest } from "@/utils/request"
 
 export enum BLOCK_LIST_TYPE {
   BATCH = "Batch",