diff --git a/src/frontend/src/constants/constants.ts b/src/frontend/src/constants/constants.ts index 1a79b617d..52d0d6cc5 100644 --- a/src/frontend/src/constants/constants.ts +++ b/src/frontend/src/constants/constants.ts @@ -946,13 +946,13 @@ export const maxSizeFilesInBytes = 10 * 1024 * 1024; // 10MB in bytes export const MAX_TEXT_LENGTH = 99999; export const SEARCH_TABS = ["All", "Flows", "Components"]; -export const PAGINATION_SIZE = 10; +export const PAGINATION_SIZE = 12; export const PAGINATION_PAGE = 1; export const STORE_PAGINATION_SIZE = 12; export const STORE_PAGINATION_PAGE = 1; -export const PAGINATION_ROWS_COUNT = [10, 20, 50, 100]; +export const PAGINATION_ROWS_COUNT = [12, 24, 48, 96]; export const STORE_PAGINATION_ROWS_COUNT = [12, 24, 48, 96]; export const GRADIENT_CLASS = diff --git a/src/frontend/src/pages/MainPage/pages/homePage/index.tsx b/src/frontend/src/pages/MainPage/pages/homePage/index.tsx index 58982af23..b2e44ee15 100644 --- a/src/frontend/src/pages/MainPage/pages/homePage/index.tsx +++ b/src/frontend/src/pages/MainPage/pages/homePage/index.tsx @@ -24,7 +24,7 @@ const HomePage = ({ type }) => { const [newProjectModal, setNewProjectModal] = useState(false); const { folderId } = useParams(); const [pageIndex, setPageIndex] = useState(1); - const [pageSize, setPageSize] = useState(10); + const [pageSize, setPageSize] = useState(12); const [search, setSearch] = useState(""); const handleFileDrop = useFileDrop("flows"); const [flowType, setFlowType] = useState<"flows" | "components">(type); @@ -53,7 +53,7 @@ const HomePage = ({ type }) => { components: folderData?.folder?.components ?? [], pagination: { page: folderData?.flows?.page ?? 1, - size: folderData?.flows?.size ?? 10, + size: folderData?.flows?.size ?? 12, total: folderData?.flows?.total ?? 0, pages: folderData?.flows?.pages ?? 0, }, @@ -167,7 +167,7 @@ const HomePage = ({ type }) => {