MAJOR CHANGE: Renamed invoices to bills BOD-410

2020-09-22 17:01:03 -07:00
parent 95ee3ae2bc
commit f84520c260
91 changed files with 2510 additions and 2624 deletions
--- a/client/src/components/bill-detail-edit/bill-detail-edit.container.jsx
+++ b/client/src/components/bill-detail-edit/bill-detail-edit.container.jsx
@@ -0,0 +1,110 @@
+import { useMutation, useQuery } from "@apollo/react-hooks";
+import { Button, Form } from "antd";
+import moment from "moment";
+import queryString from "query-string";
+import React, { useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { useLocation } from "react-router-dom";
+import { UPDATE_BILL_LINE } from "../../graphql/bill-lines.queries";
+import { QUERY_BILL_BY_PK, UPDATE_BILL } from "../../graphql/bills.queries";
+import AlertComponent from "../alert/alert.component";
+import BillFormContainer from "../bill-form/bill-form.container";
+import JobDocumentsGallery from "../jobs-documents-gallery/jobs-documents-gallery.container";
+import LoadingSkeleton from "../loading-skeleton/loading-skeleton.component";
+
+export default function BillDetailEditcontainer() {
+  const search = queryString.parse(useLocation().search);
+  const { t } = useTranslation();
+  const [form] = Form.useForm();
+  const [updateLoading, setUpdateLoading] = useState(false);
+  const [update_bill] = useMutation(UPDATE_BILL);
+  const [updateBillLine] = useMutation(UPDATE_BILL_LINE);
+
+  const { loading, error, data, refetch } = useQuery(QUERY_BILL_BY_PK, {
+    variables: { billid: search.billid },
+    skip: !!!search.billid,
+  });
+
+  const handleFinish = async (values) => {
+    setUpdateLoading(true);
+    const { billlines, upload, ...bill } = values;
+    const updates = [];
+    updates.push(
+      update_bill({
+        variables: { billId: search.billid, bill: bill },
+      })
+    );
+
+    billlines.forEach((il) => {
+      delete il.__typename;
+      updates.push(
+        updateBillLine({
+          variables: {
+            billLineId: il.id,
+            billLine: {
+              ...il,
+              joblineid: il.joblineid === "noline" ? null : il.joblineid,
+            },
+          },
+        })
+      );
+    });
+
+    await Promise.all(updates);
+    setUpdateLoading(false);
+  };
+
+  useEffect(() => {
+    if (search.billid) {
+      form.resetFields();
+    }
+  }, [form, search.billid]);
+
+  if (error) return <AlertComponent message={error.message} type="error" />;
+  if (!!!search.billid) return <div>{t("bills.labels.noneselected")}</div>;
+  return (
+    <LoadingSkeleton loading={loading}>
+      <Form
+        form={form}
+        onFinish={handleFinish}
+        initialValues={
+          data
+            ? {
+                ...data.bills_by_pk,
+
+                billlines: data.bills_by_pk.billlines.map((i) => {
+                  return {
+                    ...i,
+                    joblineid: !!i.joblineid ? i.joblineid : "noline",
+                    applicable_taxes: {
+                      federal:
+                        (i.applicable_taxes && i.applicable_taxes.federal) ||
+                        false,
+                      state:
+                        (i.applicable_taxes && i.applicable_taxes.state) ||
+                        false,
+                      local:
+                        (i.applicable_taxes && i.applicable_taxes.local) ||
+                        false,
+                    },
+                  };
+                }),
+                date: data.bills_by_pk ? moment(data.bills_by_pk.date) : null,
+              }
+            : {}
+        }
+      >
+        <Button htmlType="submit" loading={updateLoading} type="primary">
+          {t("general.actions.save")}
+        </Button>
+        <BillFormContainer form={form} billEdit />
+        <JobDocumentsGallery
+          jobId={data ? data.bills_by_pk.jobid : null}
+          billId={search.billid}
+          documentsList={data ? data.bills_by_pk.documents : []}
+          billsCallback={refetch}
+        />
+      </Form>
+    </LoadingSkeleton>
+  );
+}