Added jobs available screens for new and supplement jobs.

client/src/components/jobs-available-supplement/jobs-available-supplement.container.jsx

@@ -0,0 +1,31 @@
+import React from "react";
+import { useQuery, useMutation } from "react-apollo";
+import {
+  QUERY_AVAILABLE_SUPPLEMENT_JOBS,
+  DELETE_AVAILABLE_JOB,
+  DELETE_ALL_AVAILABLE_SUPPLEMENT_JOBS
+} from "../../graphql/available-jobs.queries";
+import AlertComponent from "../alert/alert.component";
+import JobsAvailableSupplementComponent from "./jobs-available-supplement.component";
+
+export default function JobsAvailableSupplementContainer() {
+  const { loading, error, data, refetch } = useQuery(
+    QUERY_AVAILABLE_SUPPLEMENT_JOBS,
+    {
+      fetchPolicy: "network-only"
+    }
+  );
+  const [deleteJob] = useMutation(DELETE_AVAILABLE_JOB);
+  const [deleteAllNewJobs] = useMutation(DELETE_ALL_AVAILABLE_SUPPLEMENT_JOBS);
+
+  if (error) return <AlertComponent type="error" message={error.message} />;
+  return (
+    <JobsAvailableSupplementComponent
+      loading={loading}
+      data={data}
+      refetch={refetch}
+      deleteJob={deleteJob}
+      deleteAllNewJobs={deleteAllNewJobs}
+    />
+  );
+}