WIP for document upload on invoice enter.

client/src/pages/invoice-detail/invoice-detail.page.container.jsx

@@ -1,13 +1,27 @@
 import React from "react";
 import { useParams } from "react-router-dom";
 import InvoiceDetailPageComponent from "./invoice-detail.page.component";
+import { useQuery } from "@apollo/react-hooks";
+import { QUERY_INVOICE_BY_PK } from "../../graphql/invoices.queries";
+import AlertComponent from "../../components/alert/alert.component";
+import LoadingSpinner from "../../components/loading-spinner/loading-spinner.component";
+import { Form } from "antd";
 
 export default function InvoiceDetailPageContainer() {
   const { invoiceId } = useParams();
+  const [form] = Form.useForm();
+
+  const { loading, error, data } = useQuery(QUERY_INVOICE_BY_PK, {
+    variables: { invoiceid: invoiceId },
+    skip: !!!invoiceId,
+  });
+
+  if (loading) return <LoadingSpinner />;
+  if (error) return <AlertComponent message={error.message} type="error" />;
 
   return (
-    <div>
+    <Form form={form} initialValues={data ? data.invoices_by_pk : {}}>
       <InvoiceDetailPageComponent />
-    </div>
+    </Form>
   );
 }