WIP Read Only for Jobs BOD-409

client/src/components/jobs-change-status/jobs-change-status.component.jsx

@@ -1,21 +1,23 @@
 import { DownCircleFilled } from "@ant-design/icons";
 import { Button, Dropdown, Menu, notification } from "antd";
-import React, { useState, useEffect } from "react";
+import React, { useEffect, useState } from "react";
 import { useMutation } from "react-apollo";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { UPDATE_JOB_STATUS } from "../../graphql/jobs.queries";
+import { selectJobReadOnly } from "../../redux/application/application.selectors";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
+  jobRO: selectJobReadOnly,
 });
 const mapDispatchToProps = (dispatch) => ({
   //setUserLanguage: language => dispatch(setUserLanguage(language))
 });
 
-export function JobsChangeStatus({ job, bodyshop }) {
+export function JobsChangeStatus({ job, bodyshop, jobRO }) {
   const { t } = useTranslation();
 
   const [availableStatuses, setAvailableStatuses] = useState([]);
@@ -70,6 +72,7 @@ export function JobsChangeStatus({ job, bodyshop }) {
       overlay={statusmenu}
       trigger={["click"]}
       key="changestatus"
+      disabled={jobRO}
     >
       <Button>
         {t("jobs.actions.changestatus")} <DownCircleFilled />