MAJOR CHANGE: Renamed invoices to bills BOD-410

client/src/components/bill-form/bill-form.container.jsx

@@ -0,0 +1,36 @@
+import { useLazyQuery, useQuery } from "@apollo/react-hooks";
+import React from "react";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { GET_JOB_LINES_TO_ENTER_BILL } from "../../graphql/jobs-lines.queries";
+import { SEARCH_VENDOR_AUTOCOMPLETE } from "../../graphql/vendors.queries";
+import { selectBodyshop } from "../../redux/user/user.selectors";
+import BillFormComponent from "./bill-form.component";
+
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop,
+});
+
+export function BillFormContainer({ bodyshop, form, billEdit }) {
+  const { data: VendorAutoCompleteData } = useQuery(SEARCH_VENDOR_AUTOCOMPLETE);
+
+  const [loadLines, { data: lineData }] = useLazyQuery(
+    GET_JOB_LINES_TO_ENTER_BILL
+  );
+
+  return (
+    <div>
+      <BillFormComponent
+        form={form}
+        billEdit={billEdit}
+        vendorAutoCompleteOptions={
+          VendorAutoCompleteData && VendorAutoCompleteData.vendors
+        }
+        loadLines={loadLines}
+        lineData={lineData ? lineData.joblines : []}
+        responsibilityCenters={bodyshop.md_responsibility_centers || null}
+      />
+    </div>
+  );
+}
+export default connect(mapStateToProps, null)(BillFormContainer);