diff --git a/src/components/CANFilter/Add/index.test.jsx b/src/components/CANFilter/Add/index.test.jsx
index 7afca84..6bd1813 100644
--- a/src/components/CANFilter/Add/index.test.jsx
+++ b/src/components/CANFilter/Add/index.test.jsx
@@ -1,5 +1,3 @@
-import {TEST_AUTH_OBJECT_FISKER} from "../../../utils/testing";
-
jest.mock("../../Contexts/CANFiltersContext");
jest.mock("../../Contexts/StatusContext");
jest.mock("../../Contexts/UserContext");
@@ -10,6 +8,7 @@ import { BrowserRouter } from "react-router-dom";
import { CANFiltersProvider } from "../../Contexts/CANFiltersContext";
import { StatusProvider } from "../../Contexts/StatusContext";
import { UserProvider, setToken } from "../../Contexts/UserContext";
+import { TEST_AUTH_OBJECT } from "../../../utils/testing";
import MainForm from "./index";
import addSnapshotSerializer from "../../../utils/snapshot";
@@ -36,7 +35,7 @@ describe("CANFiltersAdd", () => {
});
it("Render", async () => {
- setToken(TEST_AUTH_OBJECT_FISKER);
+ setToken(TEST_AUTH_OBJECT);
const container = await renderCANFiltersAdd();
expect(container).toMatchSnapshot();
});
diff --git a/src/components/CANFilter/Table/__snapshots__/index.test.jsx.snap b/src/components/CANFilter/Table/__snapshots__/index.test.jsx.snap
index 010dd2a..00fb3e3 100644
--- a/src/components/CANFilter/Table/__snapshots__/index.test.jsx.snap
+++ b/src/components/CANFilter/Table/__snapshots__/index.test.jsx.snap
@@ -250,6 +250,23 @@ exports[`CANFiltersTable Render 1`] = `
/>
+
+
+
|
+
+
+
|
+
+
+
diff --git a/src/components/CANFilter/Table/index.jsx b/src/components/CANFilter/Table/index.jsx
index 5156f0b..9068090 100644
--- a/src/components/CANFilter/Table/index.jsx
+++ b/src/components/CANFilter/Table/index.jsx
@@ -1,3 +1,5 @@
+import React, { useEffect, useState } from "react";
+import { Link } from 'react-router-dom';
import {
Grid,
Table,
@@ -10,46 +12,46 @@ import {
} from "@material-ui/core";
import AddCircleIcon from "@material-ui/icons/AddCircle";
import DeleteIcon from "@material-ui/icons/Delete";
-import EditIcon from "@material-ui/icons/Edit";
+import EditIcon from '@material-ui/icons/Edit';
import clsx from "clsx";
-import React, { useEffect, useState } from "react";
-import { Link } from "react-router-dom";
-import { logger } from "../../../services/monitoring";
-import { hasRole, Permissions } from "../../../utils/roles";
-import { trimIfMoreThan } from "../../../utils/strings";
import {
CANFiltersProvider,
useCANFiltersContext,
} from "../../Contexts/CANFiltersContext";
-import { useStatusContext } from "../../Contexts/StatusContext";
-import { useUserContext } from "../../Contexts/UserContext";
-import SearchField from "../../Controls/SearchField";
import TableHeaderSortable from "../../Table/HeaderSortable";
-import { useLocalStorage } from "../../useLocalStorage";
+import {
+ useUserContext
+} from "../../Contexts/UserContext"
+import { useStatusContext } from "../../Contexts/StatusContext";
import useStyles from "../../useStyles";
+import SearchField from "../../Controls/SearchField";
+import { logger } from "../../../services/monitoring";
+import { Roles, hasRole } from "../../../utils/roles";
+import {useLocalStorage} from "../../useLocalStorage";
+import {trimIfMoreThan} from "../../../utils/strings";
const tableColumns = [
{
id: "can_id",
- label: "CAN ID",
+ label: "CAN ID"
},
{
id: "interval",
- label: "Interval (ms)",
+ label: "Interval (ms)"
},
{
id: "fleet",
- label: "Fleet",
+ label: "Fleet"
},
{
id: "edge_mask",
- label: "Edge mask",
+ label: "Edge mask"
},
{
id: "",
- label: "Actions",
- },
+ label: "Actions"
+ }
];
const PAGE_SIZE = "CAN_FILTER_TABLE_PAGE_SIZE";
@@ -61,16 +63,9 @@ const MainForm = ({ vin }) => {
const [pageIndex, setPageIndex] = useState(0);
const [orderBy, setOrderBy] = useState("id");
const [order, setOrder] = useState("desc");
- const { getFilters, deleteFilter, filters, totalFilters } =
- useCANFiltersContext();
+ const { getFilters, deleteFilter, filters, totalFilters } = useCANFiltersContext();
const { setMessage } = useStatusContext();
- const {
- token: {
- idToken: { jwtToken: token },
- },
- groups,
- providers,
- } = useUserContext();
+ const { token: { idToken: { jwtToken: token } }, groups } = useUserContext();
useEffect(() => {
(async () => {
@@ -123,7 +118,7 @@ const MainForm = ({ vin }) => {
const onDelete = async (can_id) => {
try {
await deleteFilter(vin, can_id, token);
- setMessage(`Deleted ${can_id}`);
+ setMessage(`Deleted ${can_id}`)
} catch (e) {
setMessage(e.message);
logger.warn(e.stack);
@@ -131,24 +126,24 @@ const MainForm = ({ vin }) => {
};
const Actions = (row) => {
- if (row.fleet != null) {
- return;
+ if(row.fleet != null) {
+ return
}
let actions = [];
- if (hasRole(groups, Permissions.FiskerCreate, providers)) {
+ if (hasRole([Roles.CREATE], groups)) {
actions.push({
tip: `Update "${row.can_id}"`,
link: `/filter-update?vin=${vin}&can_id=${row.can_id}&interval=${row.interval}`,
- icon:
,
+ icon:
});
}
- if (hasRole(groups, Permissions.FiskerDelete, providers)) {
+ if (hasRole([Roles.DELETE], groups)) {
actions.push({
tip: `Delete "${row.can_id}"`,
id: row.can_id,
- icon:
,
- });
+ icon:
+ })
}
if (actions.length === 0) return ["No actions"];
@@ -182,7 +177,7 @@ const MainForm = ({ vin }) => {
-
+
@@ -201,9 +196,7 @@ const MainForm = ({ vin }) => {
{row.fleet}
-
- {trimIfMoreThan(row.edge_mask, 15, "...")}
-
+ {trimIfMoreThan(row.edge_mask, 15, "...")}
{Actions(row)}
))}
@@ -226,7 +219,7 @@ const MainForm = ({ vin }) => {
-
diff --git a/src/components/Cars/List/index.jsx b/src/components/Cars/List/index.jsx
index db72783..0dbc101 100644
--- a/src/components/Cars/List/index.jsx
+++ b/src/components/Cars/List/index.jsx
@@ -1,18 +1,16 @@
+import React, { useEffect, useState } from "react";
import { Checkbox, FormControlLabel, Grid, MenuItem } from "@material-ui/core";
import AddCircleIcon from "@material-ui/icons/AddCircle";
-import clsx from "clsx";
-import React, { useEffect, useState } from "react";
import { Link } from "react-router-dom";
+import clsx from "clsx";
-import { Permissions } from "../../../utils/roles";
-import { useStatusContext } from "../../Contexts/StatusContext";
-import { useUserContext } from "../../Contexts/UserContext";
import { VehicleProvider } from "../../Contexts/VehicleContext";
+import { useUserContext } from "../../Contexts/UserContext";
+import { useStatusContext } from "../../Contexts/StatusContext";
+import useStyles from "../../useStyles";
+import SearchField from "../../Controls/SearchField";
import CarSelectionTable from "../../Controls/CarSelectionTable";
import OptionsDropdown from "../../Controls/OptionsDropdown";
-import { RoleWrap } from "../../Controls/RoleWrap";
-import SearchField from "../../Controls/SearchField";
-import useStyles from "../../useStyles";
const MainForm = () => {
const classes = useStyles();
@@ -24,8 +22,6 @@ const MainForm = () => {
token: {
idToken: { jwtToken: token },
},
- groups,
- providers,
} = useUserContext();
const handleSearch = (query) => {
@@ -34,11 +30,11 @@ const MainForm = () => {
const handleOnline = (event) => {
setOnline(event.target.checked);
- };
+ }
const handleOnlineHMI = (event) => {
setOnlineHMI(event.target.checked);
- };
+ }
useEffect(() => {
setTitle("Vehicles");
@@ -50,34 +46,30 @@ const MainForm = () => {
-
-
-
-
-
+
+
+
-
+
@@ -87,11 +79,7 @@ const MainForm = () => {
classes={classes}
token={token}
multiSelect={false}
- search={{
- search,
- online: online ? true : null,
- online_hmi: onlineHMI ? true : null,
- }}
+ search={{ search, online: online? true : null, online_hmi: onlineHMI? true : null }}
/>
);
diff --git a/src/components/Cars/List/index.test.jsx b/src/components/Cars/List/index.test.jsx
index e45d166..08b6335 100644
--- a/src/components/Cars/List/index.test.jsx
+++ b/src/components/Cars/List/index.test.jsx
@@ -11,7 +11,7 @@ import { BrowserRouter } from "react-router-dom";
import { VehicleProvider } from "../../Contexts/VehicleContext";
import { StatusProvider } from "../../Contexts/StatusContext";
import { UserProvider, setToken } from "../../Contexts/UserContext";
-import { TEST_AUTH_OBJECT_FISKER } from "../../../utils/testing";
+import { TEST_AUTH_OBJECT } from "../../../utils/testing";
import MainForm from "./index";
import addSnapshotSerializer from "../../../utils/snapshot";
@@ -39,7 +39,7 @@ describe("VehicleTable", () => {
});
it("Render", async () => {
- setToken(TEST_AUTH_OBJECT_FISKER);
+ setToken(TEST_AUTH_OBJECT);
const container = await renderVehicleTable();
expect(container).toMatchSnapshot();
});
diff --git a/src/components/Cars/Status/CANFiltersTab.test.jsx b/src/components/Cars/Status/CANFiltersTab.test.jsx
index 518ff0f..f7ac32d 100644
--- a/src/components/Cars/Status/CANFiltersTab.test.jsx
+++ b/src/components/Cars/Status/CANFiltersTab.test.jsx
@@ -9,7 +9,7 @@ import { render, waitFor } from "@testing-library/react";
import { BrowserRouter } from "react-router-dom";
import { setToken } from "../../Contexts/UserContext";
-import { TEST_AUTH_OBJECT_FISKER } from "../../../utils/testing";
+import { TEST_AUTH_OBJECT } from "../../../utils/testing";
import CANFiltersTab from "./CANFiltersTab";
import addSnapshotSerializer from "../../../utils/snapshot";
@@ -31,7 +31,7 @@ describe("CANFiltersTab", () => {
});
it("Render", async () => {
- setToken(TEST_AUTH_OBJECT_FISKER);
+ setToken(TEST_AUTH_OBJECT);
const container = await renderCANFiltersTab();
expect(container).toMatchSnapshot();
});
diff --git a/src/components/Cars/Status/CANSignalsTab.test.jsx b/src/components/Cars/Status/CANSignalsTab.test.jsx
index f50b265..2747b69 100644
--- a/src/components/Cars/Status/CANSignalsTab.test.jsx
+++ b/src/components/Cars/Status/CANSignalsTab.test.jsx
@@ -11,7 +11,7 @@ import { render, waitFor } from "@testing-library/react";
import { BrowserRouter } from "react-router-dom";
import CANSignalsTab from "./CANSignalsTab";
import {setToken} from "../../Contexts/UserContext";
-import { TEST_AUTH_OBJECT_FISKER } from "../../../utils/testing";
+import {TEST_AUTH_OBJECT} from "../../../utils/testing";
const renderCANSignalsTab = async () => {
const { container } = render(
@@ -31,7 +31,7 @@ describe("CANSignalsTab", () => {
});
it("Render", async () => {
- setToken(TEST_AUTH_OBJECT_FISKER);
+ setToken(TEST_AUTH_OBJECT);
const container = await renderCANSignalsTab();
expect(container).toMatchSnapshot();
});
diff --git a/src/components/Cars/Status/CarUpdatesTab.test.jsx b/src/components/Cars/Status/CarUpdatesTab.test.jsx
index 1251721..291be4b 100644
--- a/src/components/Cars/Status/CarUpdatesTab.test.jsx
+++ b/src/components/Cars/Status/CarUpdatesTab.test.jsx
@@ -11,7 +11,7 @@ import { BrowserRouter } from "react-router-dom";
import { CANFiltersProvider } from "../../Contexts/CANFiltersContext";
import { StatusProvider } from "../../Contexts/StatusContext";
import { UserProvider, setToken } from "../../Contexts/UserContext";
-import { TEST_AUTH_OBJECT_FISKER } from "../../../utils/testing";
+import { TEST_AUTH_OBJECT } from "../../../utils/testing";
import MainForm from "./CarUpdatesTab";
import addSnapshotSerializer from "../../../utils/snapshot";
@@ -39,7 +39,7 @@ describe("CarUpdatesTab", () => {
});
it("Render", async () => {
- setToken(TEST_AUTH_OBJECT_FISKER);
+ setToken(TEST_AUTH_OBJECT);
const container = await renderCarUpdatesTab();
expect(container).toMatchSnapshot();
});
diff --git a/src/components/Cars/Status/Details/__snapshots__/index.test.jsx.snap b/src/components/Cars/Status/Details/__snapshots__/index.test.jsx.snap
index bf46c26..d38148b 100644
--- a/src/components/Cars/Status/Details/__snapshots__/index.test.jsx.snap
+++ b/src/components/Cars/Status/Details/__snapshots__/index.test.jsx.snap
@@ -101,6 +101,23 @@ exports[`VehicleDetailsTab Render 1`] = `
/>
+
+
+