Added temporary document handling IO-69

client/src/pages/temporary-docs/temporary-docs.component.jsx

@@ -0,0 +1,25 @@
+import { useQuery } from "@apollo/react-hooks";
+import React from "react";
+import AlertComponent from "../../components/alert/alert.component";
+import JobsDocumentsComponent from "../../components/jobs-documents-gallery/jobs-documents-gallery.component";
+import LoadingSpinner from "../../components/loading-spinner/loading-spinner.component";
+import { QUERY_TEMPORARY_DOCS } from "../../graphql/documents.queries";
+
+export default function TemporaryDocsComponent() {
+  const { loading, error, data, refetch } = useQuery(QUERY_TEMPORARY_DOCS);
+
+  if (loading) return <LoadingSpinner />;
+  if (error) return <AlertComponent message={error.message} type="error" />;
+
+  return (
+    <div>
+      <div>Buttons to move and assign things.</div>
+      <JobsDocumentsComponent
+        data={data ? data.documents : []}
+        jobId={null}
+        billId={null}
+        refetch={refetch}
+      />
+    </div>
+  );
+}