From c2567844ea2315aa102858f908af7adbbb96378d Mon Sep 17 00:00:00 2001
From: balibabu <cike8899@users.noreply.github.com>
Date: Tue, 2 Sep 2025 14:12:41 +0800
Subject: [PATCH] Feat: By default, 50 records are displayed per page. #3221
 (#9867)

### What problem does this PR solve?

Feat: By default, 50 records are displayed per page. #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)
---
 web/src/hooks/route-hook.ts           | 2 +-
 web/src/pages/next-searches/hooks.ts  | 2 +-
 web/src/pages/next-searches/index.tsx | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/hooks/route-hook.ts b/web/src/hooks/route-hook.ts
index 1240d1cdf..f015eaba3 100644
--- a/web/src/hooks/route-hook.ts
+++ b/web/src/hooks/route-hook.ts
@@ -85,6 +85,6 @@ export const useSetPaginationParams = () => {
   return {
     setPaginationParams,
     page: Number(queryParameters.get('page')) || 1,
-    size: Number(queryParameters.get('size')) || 10,
+    size: Number(queryParameters.get('size')) || 50,
   };
 };
diff --git a/web/src/pages/next-searches/hooks.ts b/web/src/pages/next-searches/hooks.ts
index 564e9c1ad..6fb1e5fba 100644
--- a/web/src/pages/next-searches/hooks.ts
+++ b/web/src/pages/next-searches/hooks.ts
@@ -85,7 +85,7 @@ interface SearchListResponse {
 export const useFetchSearchList = (params?: SearchListParams) => {
   const [searchParams, setSearchParams] = useState<SearchListParams>({
     page: 1,
-    page_size: 10,
+    page_size: 50,
     ...params,
   });
 
diff --git a/web/src/pages/next-searches/index.tsx b/web/src/pages/next-searches/index.tsx
index fb9cad54c..380740dd1 100644
--- a/web/src/pages/next-searches/index.tsx
+++ b/web/src/pages/next-searches/index.tsx
@@ -15,7 +15,6 @@ import { useTranslate } from '@/hooks/common-hooks';
 import { useNavigatePage } from '@/hooks/logic-hooks/navigate-hooks';
 import searchService from '@/services/search-service';
 import { zodResolver } from '@hookform/resolvers/zod';
-import { pick } from 'lodash';
 import { Plus, Search } from 'lucide-react';
 import { useState } from 'react';
 import { useForm } from 'react-hook-form';
@@ -146,7 +145,8 @@ export default function SearchList() {
       {list?.data.total && list?.data.total > 0 && (
         <div className="px-8 mb-4">
           <RAGFlowPagination
-            {...pick(searchParams, 'current', 'pageSize')}
+            current={searchParams.page}
+            pageSize={searchParams.page_size}
             total={list?.data.total}
             onChange={handlePageChange}
           />