Personal_mirrors/bitburner-src
1
0
Fork 0
mirror of https://github.com/bitburner-official/bitburner-src.git synced 2024-12-19 20:55:44 +01:00
Code Issues Packages Projects Releases Wiki Activity

Improve pagination for Active Scripts page (#763)

Browse Source
This commit is contained in:
Michael Ficocelli 2023-08-31 20:31:48 -04:00 committed by GitHub
parent 7c82221a13
commit ae87851889
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 47 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/ui/ActiveScripts/ServerAccordionContent.tsx
View File

@ -25,6 +25,7 @@ export function ServerAccordionContent(props: IProps): React.ReactElement {
return (
<>
{props.workerScripts.length > 10 ? (
<TablePagination
rowsPerPageOptions={[10, 15, 20, 100]}
component="div"
@ -35,6 +36,9 @@ export function ServerAccordionContent(props: IProps): React.ReactElement {
onRowsPerPageChange={handleChangeRowsPerPage}
ActionsComponent={TablePaginationActionsAll}
/>
) : (
""
)}
<List dense disablePadding>
{props.workerScripts.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage).map((ws) => (
<WorkerScriptAccordion key={`${ws.pid}`} workerScript={ws} />

14
src/ui/ActiveScripts/ServerAccordions.tsx
View File

@ -9,6 +9,7 @@ import { ServerAccordion } from "./ServerAccordion";
import TextField from "@mui/material/TextField";
import List from "@mui/material/List";
import TablePagination from "@mui/material/TablePagination";
import Grid from "@mui/material/Grid";
import { WorkerScript } from "../../Netscript/WorkerScript";
import { GetServer } from "../../Server/AllServers";
import { BaseServer } from "../../Server/BaseServer";
@ -88,6 +89,8 @@ export function ServerAccordions(props: IProps): React.ReactElement {
return (
<>
<Grid container>
<Grid item xs={4}>
<TextField
value={filter}
onChange={handleFilterChange}
@ -96,7 +99,13 @@ export function ServerAccordions(props: IProps): React.ReactElement {
startAdornment: <SearchIcon />,
spellCheck: false,
}}
style={{
paddingTop: "8px",
}}
/>
</Grid>
<Grid item xs={8}>
{filtered.length > 10 ? (
<TablePagination
rowsPerPageOptions={[10, 15, 20, 100]}
component="div"
@ -107,6 +116,11 @@ export function ServerAccordions(props: IProps): React.ReactElement {
onRowsPerPageChange={handleChangeRowsPerPage}
ActionsComponent={TablePaginationActionsAll}
/>
) : (
""
)}
</Grid>
</Grid>
<List dense={true}>
{filtered.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage).map((data) => {
return (