IO-2206 WIP Time Ticket Approval Queue.

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

@@ -170,6 +170,9 @@ const Dms = lazy(() => import("../dms/dms.container"));
 const DmsPayables = lazy(() =>
   import("../dms-payables/dms-payables.container")
 );
+const TtApprovals = lazy(() =>
+  import("../tt-approvals/tt-approvals.page.container")
+);
 
 const { Content, Footer } = Layout;
 
@@ -370,6 +373,7 @@ export function Manage({ match, conflict, bodyshop }) {
         path={`${match.path}/accounting/exportlogs`}
         component={ExportLogs}
       />
+      <Route exact path={`${match.path}/ttapprovals`} component={TtApprovals} />
       <Route exact path={`${match.path}/partsqueue`} component={PartsQueue} />
       <Route exact path={`${match.path}/phonebook`} component={Phonebook} />
 

client/src/pages/tt-approvals/tt-approvals.page.container.jsx

@@ -0,0 +1,42 @@
+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 TtApprovalsList from "../../components/tt-approvals-list/tt-approvals-list.container";
+import {
+  setBreadcrumbs,
+  setSelectedHeader,
+} from "../../redux/application/application.actions";
+import { selectBodyshop } from "../../redux/user/user.selectors";
+
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop,
+});
+
+const mapDispatchToProps = (dispatch) => ({
+  setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
+  setSelectedHeader: (key) => dispatch(setSelectedHeader(key)),
+});
+
+export function TtApprovalsPage({ setBreadcrumbs, setSelectedHeader }) {
+  const { t } = useTranslation();
+
+  useEffect(() => {
+    document.title = t("titles.ttapprovals");
+    setSelectedHeader("ttapprovals");
+    setBreadcrumbs([
+      {
+        link: "/manage/ttapprovals",
+        label: t("titles.bc.ttapprovals"),
+      },
+    ]);
+  }, [t, setBreadcrumbs, setSelectedHeader]);
+
+  return (
+    <RbacWrapper action="ttapprovals:view">
+      <TtApprovalsList />
+    </RbacWrapper>
+  );
+}
+export default connect(mapStateToProps, mapDispatchToProps)(TtApprovalsPage);