Admin vehicle/owner reassociation IO-157

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

@@ -6,13 +6,13 @@ import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { Link, useHistory } from "react-router-dom";
 import { createStructuredSelector } from "reselect";
+import { logImEXEvent } from "../../firebase/firebase.utils";
+import { selectJobReadOnly } from "../../redux/application/application.selectors";
 import { setModalContext } from "../../redux/modals/modals.actions";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import AddToProduction from "./jobs-detail-header-actions.addtoproduction.util";
 import JobsDetaiLheaderCsi from "./jobs-detail-header-actions.csi.component";
 import DuplicateJob from "./jobs-detail-header-actions.duplicate.util";
-import { logImEXEvent } from "../../firebase/firebase.utils";
-import { selectJobReadOnly } from "../../redux/application/application.selectors";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -199,6 +199,19 @@ export function JobsDetailHeaderActions({
           </Link>
         )}
       </Menu.Item>
+      <Menu.Item disabled={!!job.date_invoiced || jobRO} key="admin">
+        {!!job.date_invoiced || jobRO ? (
+          t("menus.jobsactions.admin")
+        ) : (
+          <Link
+            to={{
+              pathname: `/manage/jobs/${job.id}/admin`,
+            }}
+          >
+            {t("menus.jobsactions.admin")}
+          </Link>
+        )}
+      </Menu.Item>
       <JobsDetaiLheaderCsi job={job} />
       <Menu.Item
         key="jobcosting"