This marks the Antd upgrades, it is not in a stable state.

Signed-off-by: Dave Richer <dave@imexsystems.ca>

client/src/pages/contract-create/contract-create.page.component.jsx

@@ -1,4 +1,5 @@
-import { Button, Col, PageHeader, Row, Space, Form, Switch } from "antd";
+import { Button, Col, Row, Space, Form, Switch } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
 
 import React from "react";
 import { useTranslation } from "react-i18next";

client/src/pages/contract-detail/contract-detail.page.component.jsx

@@ -4,11 +4,12 @@ import {
   Dropdown,
   Form,
   Menu,
-  PageHeader,
   Row,
   Space,
   Typography,
 } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
+
 import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";

client/src/pages/jobs-available/jobs-available.page.container.jsx

@@ -1,4 +1,6 @@
-import { Button, PageHeader } from "antd";
+import { Button } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
+
 import React, { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";

client/src/pages/jobs-close/jobs-close.component.jsx

@@ -8,7 +8,6 @@ import {
   Form,
   Input,
   InputNumber,
-  PageHeader,
   Popconfirm,
   Row,
   Select,
@@ -18,6 +17,8 @@ import {
   Typography,
   notification,
 } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
+
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";

client/src/pages/jobs-create/jobs-create.component.jsx

@@ -1,4 +1,6 @@
-import { Button, PageHeader, Result, Space, Steps } from "antd";
+import { Button, Result, Space, Steps } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
+
 import React, { useContext, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";

client/src/pages/jobs-detail/jobs-detail.page.component.jsx

@@ -12,11 +12,12 @@ import {
   Button,
   Divider,
   Form,
-  PageHeader,
   Space,
   Tabs,
   notification,
 } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
+
 import Axios from "axios";
 import moment from "moment";
 import queryString from "query-string";

client/src/pages/vehicles-detail/vehicles-detail.page.container.jsx

@@ -26,7 +26,7 @@ export function VehicleDetailContainer({
   addRecentItem,
   setSelectedHeader,
 }) {
-  const { vehId } = useParams;
+  const { vehId } = useParams();
   const { t } = useTranslation();
 
   const { loading, data, error, refetch } = useQuery(QUERY_VEHICLE_BY_ID, {
@@ -85,8 +85,7 @@ export function VehicleDetailContainer({
 
   if (loading) return <LoadingSpinner />;
   if (error) return <AlertComponent message={error.message} type="error" />;
-
-  if (!!!data.vehicles_by_pk) return <NotFound />;
+  if (!data.vehicles_by_pk) return <NotFound />;
   return (
     <VehicleDetailComponent vehicle={data.vehicles_by_pk} refetch={refetch} />
   );