Page size of theses table in department overview to be 100

UniversityOfHelsinkiCS · Dec 17, 2024 · e211a1b · e211a1b
1 parent 033281b
commit e211a1b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/client/components/DepartmentOverview/DepartmentOverview.tsx b/src/client/components/DepartmentOverview/DepartmentOverview.tsx
@@ -92,6 +92,7 @@ const DepartmentOverview = () => {
               noOwnThesesSwitch
               noAddThesisButton
               showExportOptions
+              pageSize={100}
             />
           </Stack>
         </>

diff --git a/src/client/components/ThesisPage/ThesesPage.tsx b/src/client/components/ThesisPage/ThesesPage.tsx
@@ -45,22 +45,26 @@ import DeleteConfirmation from '../Common/DeleteConfirmation'
 import { StatusLocale } from '../../types'
 import { useDebounce } from '../../hooks/useDebounce'
 
-const PAGE_SIZE = 25
+const DEFAULT_PAGE_SIZE = 25
 
 interface Props {
   filteringProgramId?: string
   filteringDepartmentId?: string
   noOwnThesesSwitch?: boolean
   noAddThesisButton?: boolean
   showExportOptions?: boolean
+  pageSize?: number
 }
 const ThesesPage = ({
   filteringProgramId,
   filteringDepartmentId,
   noOwnThesesSwitch,
   noAddThesisButton,
   showExportOptions,
+  pageSize,
 }: Props) => {
+  pageSize = pageSize ?? DEFAULT_PAGE_SIZE
+
   const apiRef = useGridApiRef()
   const footerRef = useRef<HTMLDivElement>(null)
   const { t, i18n } = useTranslation()
@@ -70,7 +74,7 @@ const ThesesPage = ({
 
   const [paginationModel, setPaginationModel] = useState({
     page: 0,
-    pageSize: PAGE_SIZE,
+    pageSize,
   })
 
   const [rowSelectionModel, setRowSelectionModel] =
@@ -373,7 +377,7 @@ const ThesesPage = ({
           sortingMode="server"
           onSortModelChange={handleSortModelChange}
           hideFooterSelectedRowCount
-          pageSizeOptions={[PAGE_SIZE]}
+          pageSizeOptions={[pageSize]}
           paginationMode="server"
           paginationModel={paginationModel}
           onPaginationModelChange={(newModel) => setPaginationModel(newModel)}