IO-1650 Added ready jobs screen.

client/src/pages/jobs-ready/jobs-ready.page.jsx

@@ -0,0 +1,36 @@
+import React, { useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import JobDetailCards from "../../components/job-detail-cards/job-detail-cards.component";
+import JobsReadyList from "../../components/jobs-ready-list/jobs-ready-list.component";
+import RbacWrapper from "../../components/rbac-wrapper/rbac-wrapper.component";
+import {
+  setBreadcrumbs,
+  setSelectedHeader,
+} from "../../redux/application/application.actions";
+
+const mapDispatchToProps = (dispatch) => ({
+  setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
+  setSelectedHeader: (key) => dispatch(setSelectedHeader(key)),
+});
+
+export function JobsReadyPage({ setBreadcrumbs, setSelectedHeader }) {
+  const { t } = useTranslation();
+
+  useEffect(() => {
+    document.title = t("titles.readyjobs");
+    setSelectedHeader("readyjobs");
+    setBreadcrumbs([
+      { link: "/manage/jobs", label: t("titles.bc.jobs-ready") },
+    ]);
+  }, [t, setBreadcrumbs, setSelectedHeader]);
+
+  return (
+    <RbacWrapper action="jobs:list-ready">
+      <JobsReadyList />
+      <JobDetailCards />
+    </RbacWrapper>
+  );
+}
+
+export default connect(null, mapDispatchToProps)(JobsReadyPage);

client/src/pages/manage/manage.page.component.jsx

@@ -127,6 +127,7 @@ const AccountingPayments = lazy(() =>
   import("../accounting-payments/accounting-payments.container")
 );
 const AllJobs = lazy(() => import("../jobs-all/jobs-all.container"));
+const ReadyJobs = lazy(() => import("../jobs-ready/jobs-ready.page"));
 const JobsClose = lazy(() => import("../jobs-close/jobs-close.container"));
 const JobsAdmin = lazy(() => import("../jobs-admin/jobs-admin.page"));
 const TempDocs = lazy(() =>
@@ -240,6 +241,7 @@ export function Manage({ match, conflict, bodyshop }) {
           component={JobsAdmin}
         />
         <Route exact path={`${match.path}/jobs/all`} component={AllJobs} />
+        <Route exact path={`${match.path}/jobs/ready`} component={ReadyJobs} />
         <Route
           exact
           path={`${match.path}/jobs/new`}