BOD-52 #comment Implemented job updating based on owner fields. Currently, which fields are updated are hardcoded.

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

@@ -1,10 +1,20 @@
-import React from "react";
 import { Table } from "antd";
+import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
 import { Link } from "react-router-dom";
+import { createStructuredSelector } from "reselect";
+import { selectBodyshop } from "../../redux/user/user.selectors";
 import CurrencyFormatter from "../../utils/CurrencyFormatter";
-export default function OwnerDetailJobsComponent({ owner }) {
+import OwnerDetailUpdateJobsComponent from "../owner-detail-update-jobs/owner-detail-update-jobs.component";
+
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop
+});
+
+function OwnerDetailJobsComponent({ bodyshop, owner }) {
   const { t } = useTranslation();
+  const [selectedJobs, setSelectedJobs] = useState([]);
   const columns = [
     {
       title: t("jobs.fields.ro_number"),
@@ -50,10 +60,31 @@ export default function OwnerDetailJobsComponent({ owner }) {
 
   return (
     <Table
+      title={() => (
+        <div>
+          <OwnerDetailUpdateJobsComponent
+            selectedJobs={selectedJobs}
+            owner={owner}
+          />
+        </div>
+      )}
       pagination={{ position: "bottom" }}
       columns={columns.map(item => ({ ...item }))}
-      rowKey="id"
+      rowKey='id'
       dataSource={owner.jobs}
+      rowSelection={{
+        onSelect: props => {
+          setSelectedJobs([...selectedJobs, props.id]);
+        },
+        // type: "radio",
+        selectedRowKeys: selectedJobs,
+        getCheckboxProps: record => ({
+          disabled: bodyshop.md_ro_statuses.open_statuses
+            ? !bodyshop.md_ro_statuses.open_statuses.includes(record.status)
+            : true
+        })
+      }}
     />
   );
 }
+export default connect(mapStateToProps, null)(OwnerDetailJobsComponent);