Metadata + data transformation for production board. Breaking changes. BOD-71

client/src/components/header/header.component.jsx

@@ -6,12 +6,12 @@ import Icon, {
   GlobalOutlined,
   HomeFilled,
   TeamOutlined,
-  UserOutlined
+  UserOutlined,
 } from "@ant-design/icons";
 import { Avatar, Col, Layout, Menu, Row } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
-import { FaCalendarAlt, FaCarCrash } from "react-icons/fa";
+import { FaCalendarAlt, FaCarCrash, FaCreditCard } from "react-icons/fa";
 import { connect } from "react-redux";
 import { Link } from "react-router-dom";
 import { createStructuredSelector } from "reselect";
@@ -19,7 +19,7 @@ import { setModalContext } from "../../redux/modals/modals.actions";
 import { signOutStart } from "../../redux/user/user.actions";
 import {
   selectBodyshop,
-  selectCurrentUser
+  selectCurrentUser,
 } from "../../redux/user/user.selectors";
 import "./header.styles.scss";
 
@@ -117,12 +117,17 @@ function Header({
                   {t("menus.header.schedule")}
                 </Link>
               </Menu.Item>
-              <Menu.Item key="production">
+              <Menu.Item key="productionlist">
                 <Link to="/manage/production/list">
                   <Icon component={FaCalendarAlt} />
                   {t("menus.header.productionlist")}
                 </Link>
               </Menu.Item>
+              <Menu.Item key="productionboard">
+                <Link to="/manage/production/board">
+                  {t("menus.header.productionboard")}
+                </Link>
+              </Menu.Item>
               <Menu.Item key="activejobs">
                 <Link to="/manage/jobs">{t("menus.header.activejobs")}</Link>
               </Menu.Item>
@@ -193,6 +198,7 @@ function Header({
                   });
                 }}
               >
+                <Icon component={FaCreditCard} />
                 {t("menus.header.enterpayment")}
               </Menu.Item>