Automatic code mods.

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

@@ -1,5 +1,6 @@
 import { useMutation, useQuery } from "@apollo/client";
-import { Button, Form, PageHeader, Popconfirm, Space } from "antd";
+import { PageHeader } from '@ant-design/pro-layout';
+import { Button, Form, Popconfirm, Space } from "antd";
 import moment from "moment";
 import queryString from "query-string";
 import React, { useState } from "react";

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 { PageHeader } from '@ant-design/pro-layout';
+import { Button, Form, Input, InputNumber, Space } from "antd";
 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, notification, PageHeader, Space } from "antd";
+import { PageHeader } from '@ant-design/pro-layout';
+import { Button, Dropdown, Menu, notification, Space } from "antd";
 import i18next from "i18next";
 import _ from "lodash";
 import moment from "moment";

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

@@ -9,7 +9,8 @@ import {
   WarningFilled,
 } from "@ant-design/icons";
 import { useMutation } from "@apollo/client";
-import { Button, Dropdown, Input, PageHeader, Space, Table, Tag } from "antd";
+import { PageHeader } from '@ant-design/pro-layout';
+import { Button, Dropdown, Input, Space, Table, Tag } from "antd";
 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,5 @@
-import { Button, Form, notification, PageHeader } from "antd";
+import { PageHeader } from '@ant-design/pro-layout';
+import { Button, Form, notification } from "antd";
 import React, { useState } from "react";
 import { useMutation } from "@apollo/client";
 import { useTranslation } from "react-i18next";

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

@@ -1,17 +1,7 @@
 import { DeleteFilled, EyeFilled, SyncOutlined } from "@ant-design/icons";
 import { useMutation } from "@apollo/client";
-import {
-  Button,
-  Card,
-  Checkbox,
-  Drawer,
-  Grid,
-  Input,
-  PageHeader,
-  Popconfirm,
-  Space,
-  Table,
-} from "antd";
+import { PageHeader } from '@ant-design/pro-layout';
+import { Button, Card, Checkbox, Drawer, Grid, Input, Popconfirm, Space, Table } from "antd";
 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 { PageHeader } from '@ant-design/pro-layout';
+import { Button, Form, Input, Space } from "antd";
 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,5 @@
-import { Button, List, PageHeader } from "antd";
+import { PageHeader } from '@ant-design/pro-layout';
+import { Button, List } from "antd";
 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 { PageHeader } from '@ant-design/pro-layout';
+import { Button, Grid, notification, Space, Statistic } from "antd";
 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,5 +1,6 @@
 import { useQuery } from "@apollo/client";
-import { Descriptions, Drawer, Space, PageHeader, Button } from "antd";
+import { PageHeader } from '@ant-design/pro-layout';
+import { Descriptions, Drawer, Space, Button } from "antd";
 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

@@ -1,14 +1,7 @@
 import { SyncOutlined } from "@ant-design/icons";
 import { useTreatments } from "@splitsoftware/splitio-react";
-import {
-  Button,
-  Dropdown,
-  Input,
-  PageHeader,
-  Space,
-  Statistic,
-  Table,
-} from "antd";
+import { PageHeader } from '@ant-design/pro-layout';
+import { Button, Dropdown, Input, Space, Statistic, Table } from "antd";
 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

@@ -1,5 +1,6 @@
 import { SyncOutlined } from "@ant-design/icons";
-import { Button, Card, Checkbox, Col, PageHeader, Row, Space } from "antd";
+import { PageHeader } from '@ant-design/pro-layout';
+import { Button, Card, Checkbox, Col, Row, Space } from "antd";
 import { t } from "i18next";
 import React, { useMemo } from "react";
 import useLocalStorage from "../../utils/useLocalStorage";

client/src/components/shop-templates-list/shop-templates-list.container.jsx

@@ -35,7 +35,7 @@ export default function ShopTemplatesListContainer({ visibleState }) {
   };
 
   return (
-    <Drawer
+    (<Drawer
       placement="left"
       width="25%"
       open={visible}
@@ -64,7 +64,7 @@ export default function ShopTemplatesListContainer({ visibleState }) {
               ]}
             >
               <Skeleton title={false} loading={item.loading} active>
-                <div style={{ display: "flex", flexDirection: "column" }}>
+                <div rootStyle={{ display: "flex", flexDirection: "column" }}>
                   <div>{TemplateList()[item.name].title}</div>
                   <div>{TemplateList()[item.name].description}</div>
                   <div>{TemplateList()[item.name].drivingid}</div>
@@ -74,6 +74,6 @@ export default function ShopTemplatesListContainer({ visibleState }) {
           )}
         />
       </div>
-    </Drawer>
+    </Drawer>)
   );
 }

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 { PageHeader } from '@ant-design/pro-layout';
+import { Button, Divider, Drawer, Grid, Tabs } from "antd";
 import queryString from "query-string";
 import React 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 } from "antd";
+import { PageHeader } from '@ant-design/pro-layout';
+import { Button, Form, notification } from "antd";
 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

@@ -1,16 +1,8 @@
 import { DeleteFilled } from "@ant-design/icons";
 import { useApolloClient } from "@apollo/client";
 import { useTreatments } from "@splitsoftware/splitio-react";
-import {
-  Button,
-  Divider,
-  Form,
-  Input,
-  InputNumber,
-  PageHeader,
-  Space,
-  Switch,
-} from "antd";
+import { PageHeader } from '@ant-design/pro-layout';
+import { Button, Divider, Form, Input, InputNumber, Space, Switch } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import { CHECK_VENDOR_NAME } from "../../graphql/vendors.queries";

client/src/landing/less/custom.less

@@ -1,4 +1,5 @@
-@import "~antd/lib/style/themes/default.less";
+/* @import "~antd/lib/style/themes/default.less";
+*/
 
 @line-color: #e9e9e9;
 

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 { PageHeader } from '@ant-design/pro-layout';
+import { Button, Col, Row, Space, Form, Switch } from "antd";
 
 import React from "react";
 import { useTranslation } from "react-i18next";

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

@@ -1,13 +1,5 @@
-import {
-  Button,
-  Col,
-  Dropdown,
-  Form,
-  PageHeader,
-  Row,
-  Space,
-  Typography
-} from "antd";
+import { PageHeader } from '@ant-design/pro-layout';
+import { Button, Col, Dropdown, Form, Row, Space, Typography } from "antd";
 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,5 @@
-import { Button, PageHeader } from "antd";
+import { PageHeader } from '@ant-design/pro-layout';
+import { Button } from "antd";
 import React, { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";

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

@@ -1,5 +1,6 @@
 import { DeleteFilled } from "@ant-design/icons";
 import { useApolloClient, useMutation } from "@apollo/client";
+import { PageHeader } from '@ant-design/pro-layout';
 import {
   Alert,
   Button,
@@ -9,7 +10,6 @@ import {
   Input,
   InputNumber,
   notification,
-  PageHeader,
   Popconfirm,
   Row,
   Select,

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

@@ -1,4 +1,5 @@
-import { Button, PageHeader, Result, Space, Steps } from "antd";
+import { PageHeader } from '@ant-design/pro-layout';
+import { Button, Result, Space, Steps } from "antd";
 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

@@ -8,15 +8,8 @@ import Icon, {
   HistoryOutlined,
   SyncOutlined,
 } from "@ant-design/icons";
-import {
-  Button,
-  Divider,
-  Form,
-  notification,
-  PageHeader,
-  Space,
-  Tabs,
-} from "antd";
+import { PageHeader } from '@ant-design/pro-layout';
+import { Button, Divider, Form, notification, Space, Tabs } from "antd";
 import Axios from "axios";
 import moment from "moment";
 import queryString from "query-string";

client/src/pages/manage/manage.page.component.jsx

@@ -249,7 +249,7 @@ export function Manage({ match, conflict, bodyshop }) {
       />
       <Route
         exact
-        path={`${match.path}/courtesycars/`}
+        path={`${match.path}/courtesycars`}
         component={CourtesyCarsPage}
       />
       <Switch>