Added breadcrumb object + breadcrumbs for major pages.

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

@@ -11,11 +11,17 @@ import JobsList from "../../components/jobs-list/jobs-list.component";
 import { QUERY_ALL_ACTIVE_JOBS } from "../../graphql/jobs.queries";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 
+import { setBreadcrumbs } from "../../redux/application/application.actions";
+
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
 });
 
-export function JobsPage({ location, bodyshop }) {
+const mapDispatchToProps = (dispatch) => ({
+  setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
+});
+
+export function JobsPage({ location, bodyshop, setBreadcrumbs }) {
   const { loading, error, data, refetch } = useQuery(QUERY_ALL_ACTIVE_JOBS, {
     variables: {
       statuses: bodyshop.md_ro_statuses.open_statuses || ["Open"],
@@ -25,7 +31,8 @@ export function JobsPage({ location, bodyshop }) {
 
   useEffect(() => {
     document.title = t("titles.jobs");
-  }, [t]);
+    setBreadcrumbs([{ link: "/manage/jobs", label: t("titles.bc.jobs-active") }]);
+  }, [t, setBreadcrumbs]);
 
   const search = queryString.parse(location.search);
   const searchTextState = useState("");
@@ -78,4 +85,4 @@ export function JobsPage({ location, bodyshop }) {
   );
 }
 
-export default connect(mapStateToProps, null)(JobsPage);
+export default connect(mapStateToProps, mapDispatchToProps)(JobsPage);