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

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

client/src/components/bill-detail-edit/bill-detail-edit-component.jsx

@@ -1,5 +1,5 @@
 import {useMutation, useQuery} from "@apollo/client";
-import {Button, Form, PageHeader, Popconfirm, Space} from "antd";
+import {Button, Form, Popconfirm, Space} from "antd";
 import moment from "moment";
 import queryString from "query-string";
 import React, {useState} from "react";
@@ -21,6 +21,7 @@ import JobDocumentsGallery from "../jobs-documents-gallery/jobs-documents-galler
 import JobsDocumentsLocalGallery from "../jobs-documents-local-gallery/jobs-documents-local-gallery.container";
 import LoadingSkeleton from "../loading-skeleton/loading-skeleton.component";
 import BillDetailEditReturn from "./bill-detail-edit-return.component";
+import {PageHeader} from "@ant-design/pro-layout";
 
 const mapStateToProps = createStructuredSelector({
     bodyshop: selectBodyshop,

client/src/components/courtesy-car-form/courtesy-car-form.component.jsx

@@ -1,6 +1,7 @@
 import { WarningFilled } from "@ant-design/icons";
 import { useApolloClient } from "@apollo/client";
-import { Button, Form, Input, InputNumber, PageHeader, Space } from "antd";
+import { Button, Form, Input, InputNumber, Space } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
 import moment from "moment";
 import React from "react";
 import { useTranslation } from "react-i18next";

client/src/components/dashboard-grid/dashboard-grid.component.jsx

@@ -1,6 +1,7 @@
 import Icon, { SyncOutlined } from "@ant-design/icons";
 import { gql, useMutation, useQuery } from "@apollo/client";
-import { Button, Dropdown, Menu, PageHeader, Space, notification } from "antd";
+import { Button, Dropdown, Menu, Space, notification } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
 import i18next from "i18next";
 import _ from "lodash";
 import moment from "moment";

client/src/components/job-detail-lines/job-lines.component.jsx

@@ -14,11 +14,11 @@ import {
   Dropdown,
   Input,
   Menu,
-  PageHeader,
   Space,
   Table,
   Tag,
 } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
 import axios from "axios";
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";

client/src/components/owner-detail-form/owner-detail-form.container.jsx

@@ -1,4 +1,6 @@
-import { Button, Form, notification, PageHeader, Popconfirm } from "antd";
+import { Button, Form, notification, Popconfirm } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
+
 import React, { useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { useMutation } from "@apollo/client";

client/src/components/parts-order-list-table/parts-order-list-table.component.jsx

@@ -7,11 +7,12 @@ import {
   Drawer,
   Grid,
   Input,
-  PageHeader,
   Popconfirm,
   Space,
   Table,
 } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
+
 import queryString from "query-string";
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";

client/src/components/phonebook-form/phonebook-form.component.jsx

@@ -1,4 +1,5 @@
-import { Button, Form, Input, PageHeader, Space } from "antd";
+import { Button, Form, Input, Space } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import FormFieldsChanged from "../form-fields-changed-alert/form-fields-changed-alert.component";

client/src/components/print-center-speed-print/print-center-speed-print.component.jsx

@@ -1,4 +1,6 @@
-import { Button, List, PageHeader } from "antd";
+import { Button, List } 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/components/production-board-kanban/production-board-kanban.component.jsx

@@ -1,7 +1,8 @@
 import { SyncOutlined } from "@ant-design/icons";
 import { useApolloClient } from "@apollo/client";
 import Board, { moveCard } from "@asseinfo/react-kanban";
-import { Button, Grid, notification, PageHeader, Space, Statistic } from "antd";
+import { Button, Grid, notification, Space, Statistic } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
 import React, { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";

client/src/components/production-list-detail/production-list-detail.component.jsx

@@ -1,6 +1,7 @@
 import { PrinterFilled } from "@ant-design/icons";
 import { useQuery } from "@apollo/client";
-import { Button, Descriptions, Drawer, PageHeader, Space } from "antd";
+import { Button, Descriptions, Drawer, Space } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
 import queryString from "query-string";
 import React from "react";
 import { useTranslation } from "react-i18next";

client/src/components/production-list-table/production-list-table.component.jsx

@@ -5,11 +5,11 @@ import {
   Dropdown,
   Input,
   Menu,
-  PageHeader,
   Space,
   Statistic,
   Table,
 } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
 import React, { useMemo, useState } from "react";
 import ReactDragListView from "react-drag-listview";
 import { useTranslation } from "react-i18next";

client/src/components/schedule-calendar/schedule-calendar.component.jsx

@@ -4,11 +4,11 @@ import {
   Card,
   Checkbox,
   Col,
-  PageHeader,
   Row,
   Select,
   Space,
 } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
 import { t } from "i18next";
 import React, { useMemo } from "react";
 import useLocalStorage from "../../utils/useLocalStorage";

client/src/components/tech-lookup-jobs-drawer/tech-lookup-jobs-drawer.component.jsx

@@ -1,6 +1,7 @@
 import { PrinterFilled } from "@ant-design/icons";
 import { useQuery } from "@apollo/client";
-import { Button, Divider, Drawer, Grid, PageHeader, Tabs } from "antd";
+import { Button, Divider, Drawer, Grid, Tabs } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
 import queryString from "query-string";
 import React from "react";
 import { useTranslation } from "react-i18next";

client/src/components/time-ticket-modal/time-ticket-modal.container.jsx

@@ -1,5 +1,6 @@
 import { useMutation, useQuery } from "@apollo/client";
-import { Button, Form, Modal, PageHeader, Space, notification } from "antd";
+import { Button, Form, Modal, Space, notification } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
 import moment from "moment";
 import React, { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";

client/src/components/vehicle-detail-form/vehicle-detail-form.container.jsx

@@ -1,5 +1,6 @@
 import React, { useState } from "react";
-import { Button, Form, notification, PageHeader, Popconfirm } from "antd";
+import { Button, Form, notification, Popconfirm } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
 import { useMutation } from "@apollo/client";
 import VehicleDetailFormComponent from "./vehicle-detail-form.component";
 import { useTranslation } from "react-i18next";

client/src/components/vendors-form/vendors-form.component.jsx

@@ -7,10 +7,10 @@ import {
   Form,
   Input,
   InputNumber,
-  PageHeader,
   Space,
   Switch,
 } from "antd";
+import {PageHeader} from "@ant-design/pro-layout";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import { CHECK_VENDOR_NAME } from "../../graphql/vendors.queries";

client/src/index.js

@@ -1,6 +1,6 @@
 import * as Sentry from "@sentry/react";
 //import "antd/dist/antd.css";
-import "antd/dist/antd.less";
+// import "antd/dist/antd.less";
 import Dinero from "dinero.js";
 import React from "react";
 import ReactDOM from "react-dom/client";

client/src/landing/less/custom.less

@@ -1,4 +1,4 @@
-@import "~antd/lib/style/themes/default.less";
+//@import "~antd/lib/style/themes/default.less";
 
 @line-color: #e9e9e9;
 
@@ -17,8 +17,6 @@
 
 @animate-duration: .45s;
 
-/* 详细页图片或框框的样式;
-*/
 .page-shadow() {
   box-shadow: 0 5px 8px @shadow-color;
 }

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} />
   );