Migrations for invoices and invoice lines. Added invoice enter modal.

2020-02-24 17:09:17 -08:00
parent 13faf47044
commit f70627b5da
31 changed files with 730 additions and 23 deletions
--- a/client/src/components/invoice-enter-modal/invoice-enter-modal.container.jsx
+++ b/client/src/components/invoice-enter-modal/invoice-enter-modal.container.jsx
@@ -0,0 +1,114 @@
+import { Form, notification } from "antd";
+import React from "react";
+import { useMutation } from "react-apollo";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import {
+  INSERT_NEW_JOB_LINE,
+  UPDATE_JOB_LINE
+} from "../../graphql/jobs-lines.queries";
+import { toggleModalVisible } from "../../redux/modals/modals.actions";
+import { selectInvoiceEnterModal } from "../../redux/modals/modals.selectors";
+import InvoiceEnterModalComponent from "./invoice-enter-modal.component";
+
+const mapStateToProps = createStructuredSelector({
+  invoiceEnterModal: selectInvoiceEnterModal
+});
+const mapDispatchToProps = dispatch => ({
+  toggleModalVisible: () => dispatch(toggleModalVisible("invoiceEnter"))
+});
+
+function InvoiceEnterModalContainer({
+  invoiceEnterModal,
+  toggleModalVisible,
+  form
+}) {
+  const { t } = useTranslation();
+  //   const [insertJobLine] = useMutation(INSERT_NEW_JOB_LINE);
+  //   const [updateJobLine] = useMutation(UPDATE_JOB_LINE);
+
+  const handleSubmit = e => {
+    e.preventDefault();
+
+    form.validateFieldsAndScroll((err, values) => {
+      if (err) {
+        notification["error"]({
+          message: t("invoices.errors.validation"),
+          description: err.message
+        });
+      }
+      if (!err) {
+        alert("Closing this modal.");
+        toggleModalVisible();
+        // if (!jobLineEditModal.context.id) {
+        //   insertJobLine({
+        //     variables: {
+        //       lineInput: [{ jobid: jobLineEditModal.context.jobid, ...values }]
+        //     }
+        //   })
+        //     .then(r => {
+        //       if (jobLineEditModal.actions.refetch)
+        //         jobLineEditModal.actions.refetch();
+        //       toggleModalVisible();
+        //       notification["success"]({
+        //         message: t("joblines.successes.created")
+        //       });
+        //     })
+        //     .catch(error => {
+        //       notification["error"]({
+        //         message: t("joblines.errors.creating", {
+        //           message: error.message
+        //         })
+        //       });
+        //     });
+        // } else {
+        //   updateJobLine({
+        //     variables: {
+        //       lineId: jobLineEditModal.context.id,
+        //       line: values
+        //     }
+        //   })
+        //     .then(r => {
+        //       notification["success"]({
+        //         message: t("joblines.successes.updated")
+        //       });
+        //     })
+        //     .catch(error => {
+        //       notification["success"]({
+        //         message: t("joblines.errors.updating", {
+        //           message: error.message
+        //         })
+        //       });
+        //     });
+        //   if (jobLineEditModal.actions.refetch)
+        //     jobLineEditModal.actions.refetch();
+        //   toggleModalVisible();
+        // }
+      }
+    });
+  };
+
+  const handleCancel = () => {
+    toggleModalVisible();
+  };
+
+  return (
+    <InvoiceEnterModalComponent
+      visible={invoiceEnterModal.visible}
+      invoice={invoiceEnterModal.context}
+      handleSubmit={handleSubmit}
+      handleCancel={handleCancel}
+      form={form}
+    />
+  );
+}
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(
+  Form.create({ name: "InvoiceEnterModalContainer" })(
+    InvoiceEnterModalContainer
+  )
+);