Progress

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

@@ -0,0 +1,11 @@
+import React from "react";
+import TaskListContainer from "../../components/task-list/task-list.container.jsx";
+
+export default function TasksPageComponent({bodyshop, currentUser}) {
+
+  return (
+    <div>
+      <TaskListContainer />
+    </div>
+  );
+}

client/src/pages/tasks/tasks.page.container.jsx

@@ -0,0 +1,47 @@
+import React, {useEffect} from "react";
+import {useTranslation} from "react-i18next";
+import TasksPageComponent from "./tasks.page.component";
+
+import {connect} from "react-redux";
+import {createStructuredSelector} from "reselect";
+import {setBreadcrumbs, setSelectedHeader} from "../../redux/application/application.actions";
+import InstanceRenderManager from "../../utils/instanceRenderMgr.js";
+import {selectBodyshop, selectCurrentUser} from "../../redux/user/user.selectors.js";
+
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop,
+  currentUser: selectCurrentUser,
+});
+
+const mapDispatchToProps = (dispatch) => ({
+  setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
+  setSelectedHeader: (key) => dispatch(setSelectedHeader(key)),
+});
+
+export function TasksPageContainer({bodyshop, currentUser,  setBreadcrumbs, setSelectedHeader}) {
+  const {t} = useTranslation();
+  useEffect(() => {
+    document.title = t("titles.tasks", {
+      app: InstanceRenderManager({
+        imex: '$t(titles.imexonline)',
+        rome: '$t(titles.romeonline)',
+        promanager: '$t(titles.promanager)'
+      })
+    });
+    setSelectedHeader("tasks");
+    setBreadcrumbs([
+      {
+        link: "/manage/tasks",
+        label: t("titles.bc.tasks"),
+      },]);
+  }, [t, setBreadcrumbs, setSelectedHeader]);
+
+  return (
+    <TasksPageComponent currentUser={currentUser} bodyshop={bodyshop}/>
+  );
+}
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(TasksPageContainer);