Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 | 2x 24x 24x 24x 24x | import { Container, Row, Col } from "react-bootstrap";
import GenericDropdown from "main/components/Utils/GenericDropdown";
import OurPagination from "../Utils/OurPagination";
const JobsSearchForm = ({
updateSelectedPage,
updateSortField,
updateSortDirection,
updatePageSize,
totalPages,
}) => {
// Stryker disable all ; testing for specific hard coded lists is just writing the code twice
const sortFields = ["createdAt", "updatedAt", "status"];
const sortDirections = ["ASC", "DESC"];
const pageSizes = ["5", "10", "50", "100"];
// Stryker restore all
return (
<Container>
<Row>
<Col md="auto">
<GenericDropdown
values={sortFields}
setValue={updateSortField}
controlId={"JobsSearch.SortField"}
label="Sort By"
/>
</Col>
<Col md="auto">
<GenericDropdown
values={sortDirections}
setValue={updateSortDirection}
controlId={"JobsSearch.SortDirection"}
label="Sort Direction"
/>
</Col>
<Col md="auto">
<GenericDropdown
values={pageSizes}
setValue={updatePageSize}
controlId={"JobsSearch.PageSize"}
label="Page Size"
/>
</Col>
</Row>
<OurPagination
updateActivePage={updateSelectedPage}
totalPages={totalPages}
/>
</Container>
);
};
export default JobsSearchForm;
|