diff --git a/frontend/src/component/common/Table/PaginationBar/PaginationBar.tsx b/frontend/src/component/common/Table/PaginationBar/PaginationBar.tsx index 9660ddde2e..7e265ea05e 100644 --- a/frontend/src/component/common/Table/PaginationBar/PaginationBar.tsx +++ b/frontend/src/component/common/Table/PaginationBar/PaginationBar.tsx @@ -1,4 +1,5 @@ import type React from 'react'; +import { useEffect } from 'react'; import { Box, Typography, Button, styled } from '@mui/material'; import { ConditionallyRender } from '../../ConditionallyRender/ConditionallyRender.tsx'; import { ReactComponent as ArrowRight } from 'assets/icons/arrowRight.svg'; @@ -60,6 +61,12 @@ export const PaginationBar: React.FC = ({ fetchNextPage, setPageLimit, }) => { + useEffect(() => { + if (![25, 50, 75, 100].includes(pageSize)) { + setPageLimit(25); + } + }, [pageSize]); + const itemRange = totalItems !== undefined && pageSize && totalItems > 1 ? `${pageIndex * pageSize + 1}-${Math.min( diff --git a/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureToggles.tsx b/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureToggles.tsx index b57295bb41..57b0fe36fd 100644 --- a/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureToggles.tsx +++ b/frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureToggles.tsx @@ -151,7 +151,7 @@ export const ProjectFeatureToggles = ({ setShowFeatureDeleteDialogue, } = useRowActions(refetch, projectId, trackArchiveAction); - const isPlaceholder = Boolean(initialLoad || (loading && total)); + const isPlaceholder = Boolean(initialLoad || loading); const [onboardingFlow, setOnboardingFlow] = useLocalStorageState< 'visible' | 'closed'