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>
+  );
+}

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

@@ -0,0 +1,45 @@
+import React, { useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import RbacWrapper from "../../components/rbac-wrapper/rbac-wrapper.component";
+import {
+  setBreadcrumbs,
+  setSelectedHeader,
+} from "../../redux/application/application.actions";
+import { selectBodyshop } from "../../redux/user/user.selectors";
+import TemporaryDocsComponent from "./temporary-docs.component";
+
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop,
+});
+
+const mapDispatchToProps = (dispatch) => ({
+  setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
+  setSelectedHeader: (key) => dispatch(setSelectedHeader(key)),
+});
+
+export function TempDocumentsContainer({ setBreadcrumbs, setSelectedHeader }) {
+  const { t } = useTranslation();
+
+  useEffect(() => {
+    document.title = t("titles.temporarydocs");
+    setSelectedHeader("temporarydocs");
+    setBreadcrumbs([
+      {
+        link: "/manage/temporarydocs",
+        label: t("titles.bc.temporarydocs"),
+      },
+    ]);
+  }, [t, setBreadcrumbs, setSelectedHeader]);
+
+  return (
+    <RbacWrapper action="temporarydocs:view">
+      <TemporaryDocsComponent />
+    </RbacWrapper>
+  );
+}
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(TempDocumentsContainer);