`;
+
+exports[`App Route /vehicles-command authenticated 1`] = `
+
+`;
+
+exports[`App Route /vehicles-command unauthenticated 1`] = `
+
+`;
diff --git a/src/components/CarUpdates/Status/index.jsx b/src/components/CarUpdates/Status/index.jsx
index fbe34f6..c44b9a9 100644
--- a/src/components/CarUpdates/Status/index.jsx
+++ b/src/components/CarUpdates/Status/index.jsx
@@ -25,7 +25,7 @@ import VehicleStatus from "../../Cars/StatusModal";
const MainForm = () => {
const { packageid } = useParams();
const classes = useStyles();
- const [pageSize, setPageSize] = useState(25);
+ const [pageSize, setPageSize] = useState(10);
const [pageIndex, setPageIndex] = useState(0);
const [viewVIN, setViewVIN] = useState(null);
const {
diff --git a/src/components/Cars/List/index.jsx b/src/components/Cars/List/index.jsx
index 0b1661e..fdbf04b 100644
--- a/src/components/Cars/List/index.jsx
+++ b/src/components/Cars/List/index.jsx
@@ -51,7 +51,7 @@ const tableColumns = [
const MainForm = () => {
const classes = useStyles();
- const [pageSize, setPageSize] = useState(25);
+ const [pageSize, setPageSize] = useState(10);
const [pageIndex, setPageIndex] = useState(0);
const [orderBy, setOrderBy] = useState("vin");
const [order, setOrder] = useState("asc");
diff --git a/src/components/Cars/SendCommandBulk/index.jsx b/src/components/Cars/SendCommandBulk/index.jsx
index 6179ee7..405fc85 100644
--- a/src/components/Cars/SendCommandBulk/index.jsx
+++ b/src/components/Cars/SendCommandBulk/index.jsx
@@ -9,6 +9,7 @@ import {
TableFooter,
TablePagination,
TableRow,
+ Toolbar,
} from "@material-ui/core";
import {
@@ -21,6 +22,7 @@ import useStyles from "../../useStyles";
import { LocalDateTimeString } from "../../../utils/dates";
import TableHeaderSortable from "../../Table/HeaderSortable";
import SendCommand from "../SendCommand";
+import SearchField from "../../Controls/SearchField";
const tableColumns = [
{
@@ -51,11 +53,12 @@ const tableColumns = [
const MainForm = () => {
const classes = useStyles();
- const [pageSize, setPageSize] = useState(25);
+ const [pageSize, setPageSize] = useState(10);
const [pageIndex, setPageIndex] = useState(0);
const [orderBy, setOrderBy] = useState("vin");
const [order, setOrder] = useState("asc");
const [selected, setSelected] = useState([]);
+ const [search, setSearch] = useState("");
const { getVehicles, vehicles, totalVehicles } = useVehicleContext();
const { setMessage, setTitle } = useStatusContext();
const {
@@ -89,6 +92,7 @@ const MainForm = () => {
limit: pageSize,
offset: pageSize * pageIndex,
order: `${orderBy} ${order}`,
+ search,
},
token
);
@@ -96,7 +100,7 @@ const MainForm = () => {
setMessage(e.message);
}
// eslint-disable-next-line
- }, [pageIndex, pageSize, token, orderBy, order]);
+ }, [pageIndex, pageSize, token, orderBy, order, search]);
const handleChangePageIndex = (event, newIndex) => {
setPageIndex(newIndex);
@@ -128,8 +132,16 @@ const MainForm = () => {
setSelected(newSelected);
};
+ const handleSearch = (search) => {
+ setSelected([]);
+ setSearch(search);
+ };
+
return (
+
+
+
{
const classes = useStyles();
- const [pageSize, setPageSize] = useState(25);
+ const [pageSize, setPageSize] = useState(10);
const [pageIndex, setPageIndex] = useState(0);
const [orderBy, setOrderBy] = useState("id");
const [order, setOrder] = useState("desc");