Added ins co, classes, categories to shop info + job conversion BOD-255 BOD-258 BOD-259

client/src/components/jobs-detail-header/jobs-detail-header.component.jsx

@@ -1,5 +1,5 @@
 import { DownCircleFilled, PrinterFilled } from "@ant-design/icons";
-import { Button, Dropdown, Menu, notification, PageHeader, Tag } from "antd";
+import { Button, Dropdown, Menu, PageHeader, Tag } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
@@ -7,11 +7,12 @@ import { createStructuredSelector } from "reselect";
 import { setModalContext } from "../../redux/modals/modals.actions";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import CurrencyFormatter from "../../utils/CurrencyFormatter";
+import JobEmployeeAssignments from "../job-employee-assignments/job-employee-assignments.container";
+import JobsConvertButton from "../jobs-convert-button/jobs-convert-button.component";
 import JobsDetailHeaderActions from "../jobs-detail-header-actions/jobs-detail-header-actions.component";
 import OwnerTagPopoverComponent from "../owner-tag-popover/owner-tag-popover.component";
 import VehicleTagPopoverComponent from "../vehicle-tag-popover/vehicle-tag-popover.component";
 import "./jobs-detail-header.styles.scss";
-import JobEmployeeAssignments from "../job-employee-assignments/job-employee-assignments.container";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -24,7 +25,7 @@ const mapDispatchToProps = (dispatch) => ({
 
 export function JobsDetailHeader({
   job,
-  mutationConvertJob,
+
   refetch,
   setPrintCenterContext,
   bodyshop,
@@ -74,26 +75,7 @@ export function JobsDetailHeader({
         <PrinterFilled />
         {t("jobs.actions.printCenter")}
       </Button>
-      <Button
-        key="convert"
-        className="imex-flex-row__margin"
-        type="danger"
-        style={{ display: job.converted ? "none" : "" }}
-        disabled={job.converted}
-        onClick={() => {
-          mutationConvertJob({
-            variables: { jobId: job.id },
-          }).then((r) => {
-            refetch();
-
-            notification["success"]({
-              message: t("jobs.successes.converted"),
-            });
-          });
-        }}
-      >
-        {t("jobs.actions.convert")}
-      </Button>
+      <JobsConvertButton job={job} refetch={refetch} />
       <JobsDetailHeaderActions key="actions" job={job} refetch={refetch} />
       <Button
         type="primary"