alezmad/nuc-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Set default page size to 50 rows

Browse Source 
- Default pagination: 50 rows
- Options: 25, 50, 100

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Alejandro Gutiérrez
2026-02-02 18:21:10 +00:00
parent a2519116d5
commit da3753c47f
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/DeploymentsTable.tsx
View File

@@ -223,7 +223,7 @@ export function DeploymentsTable({ deployments, isLoading, onRefresh }: Deployme
getRowCanExpand: () => true, getRowCanExpand: () => true,
initialState: { initialState: {
pagination: { pagination: {
pageSize: 10, pageSize: 50,
}, },
}, },
}); });
@@ -385,7 +385,7 @@ export function DeploymentsTable({ deployments, isLoading, onRefresh }: Deployme
</table> </table>
{/* Pagination */} {/* Pagination */}
{filteredDeployments.length > 10 && ( {filteredDeployments.length > 25 && (
<div className="flex items-center justify-between px-4 py-3 border-t border-slate-200 dark:border-stone-800"> <div className="flex items-center justify-between px-4 py-3 border-t border-slate-200 dark:border-stone-800">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<span className="text-sm text-slate-500 dark:text-stone-500">Rows per page:</span> <span className="text-sm text-slate-500 dark:text-stone-500">Rows per page:</span>
@@ -394,7 +394,7 @@ export function DeploymentsTable({ deployments, isLoading, onRefresh }: Deployme
onChange={(e) => table.setPageSize(Number(e.target.value))} onChange={(e) => table.setPageSize(Number(e.target.value))}
className="px-2 py-1 text-sm bg-slate-100 dark:bg-stone-800 border border-slate-200 dark:border-stone-700 rounded text-slate-700 dark:text-stone-300 focus:outline-none" className="px-2 py-1 text-sm bg-slate-100 dark:bg-stone-800 border border-slate-200 dark:border-stone-700 rounded text-slate-700 dark:text-stone-300 focus:outline-none"
> >
{[10, 25, 50].map((size) => ( {[25, 50, 100].map((size) => (
<option key={size} value={size}> <option key={size} value={size}>
{size} {size}
</option> </option>