Added missing pages for selected header BOD-164

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

@@ -5,11 +5,33 @@ import ShopEmployeesContainer from "../../components/shop-employees/shop-employe
 import ShopInfoContainer from "../../components/shop-info/shop-info.container";
 import ShopCsiConfig from "../../components/shop-csi-config/shop-csi-config.component";
 
-export default function ShopPage() {
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import {
+  setSelectedHeader,
+  setBreadcrumbs,
+} from "../../redux/application/application.actions";
+import { selectBodyshop } from "../../redux/user/user.selectors";
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop,
+});
+const mapDispatchToProps = (dispatch) => ({
+  setSelectedHeader: (key) => dispatch(setSelectedHeader(key)),
+  setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
+});
+
+export function ShopPage({ bodyshop, setSelectedHeader, setBreadcrumbs }) {
   const { t } = useTranslation();
   useEffect(() => {
     document.title = t("titles.shop");
-  }, [t]);
+    setSelectedHeader("shop");
+    setBreadcrumbs([
+      {
+        link: "/manage/shop",
+        label: t("titles.bc.shop", { shopname: bodyshop.shopname }),
+      },
+    ]);
+  }, [t, setSelectedHeader, setBreadcrumbs, bodyshop.shopname]);
 
   return (
     <Tabs>
@@ -28,3 +50,4 @@ export default function ShopPage() {
     </Tabs>
   );
 }
+export default connect(mapStateToProps, mapDispatchToProps)(ShopPage);