Images upload as resized images. Added location hash for jobs detail page.

client/src/components/jobs-documents/jobs-documents.container.jsx

@@ -0,0 +1,35 @@
+import React from "react";
+import { useQuery } from "react-apollo";
+import { QUERY_SHOP_ID } from "../../graphql/bodyshop.queries";
+import { GET_DOCUMENTS_BY_JOB } from "../../graphql/documents.queries";
+import AlertComponent from "../alert/alert.component";
+import LoadingSpinner from "../loading-spinner/loading-spinner.component";
+import JobDocuments from "./jobs-documents.page";
+
+export default function JobsDocumentsContainer({ jobId }) {
+  const { loading, error, data } = useQuery(GET_DOCUMENTS_BY_JOB, {
+    variables: { jobId: jobId },
+    fetchPolicy: "network-only"
+  });
+
+  const shopData = useQuery(QUERY_SHOP_ID, {
+    fetchPolicy: "network-only"
+  });
+
+  if (loading || shopData.loading) return <LoadingSpinner />;
+  if (error) return <AlertComponent type='error' message={error.message} />;
+  if (shopData.error)
+    return <AlertComponent type='error' message={shopData.error.message} />;
+
+  return (
+    <JobDocuments
+      data={data}
+      jobId={jobId}
+      shopId={
+        shopData.data?.bodyshops[0]?.id
+          ? shopData.data?.bodyshops[0]?.id
+          : "error"
+      }
+    />
+  );
+}