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

client/src/pages/production-board/production-board.component.jsx

@@ -1,6 +1,6 @@
 import React from "react";
 import ProductionBoardKanbanContainer from "../../components/production-board-kanban/production-board-kanban.container";
 
-export default function ProductionBoardComponent({ columnState }) {
-  return <ProductionBoardKanbanContainer columnState={columnState} />;
+export default function ProductionBoardComponent() {
+  return <ProductionBoardKanbanContainer />;
 }

client/src/pages/production-board/production-board.container.jsx

@@ -1,11 +1,10 @@
-import React, { useEffect, useState } from "react";
+import React, { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { setBreadcrumbs } from "../../redux/application/application.actions";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import ProductionBoardComponent from "./production-board.component";
-import ProductionListColumns from "../../components/production-list-columns/production-list-columns.data";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -17,27 +16,18 @@ const mapDispatchToProps = (dispatch) => ({
 
 export function ProductionBoardContainer({ setBreadcrumbs, bodyshop }) {
   const { t } = useTranslation();
-  const columnState = useState(
-    (bodyshop.production_config &&
-      bodyshop.production_config.columnKeys.map((k) =>
-        ProductionListColumns.find((e) => e.key === k)
-      )) ||
-      []
-  );
-  // console.log("ProductionListContainer -> columnState", columnState);
 
   useEffect(() => {
     document.title = t("titles.productionboard");
     setBreadcrumbs([
-      { link: "/manage/production/board", label: t("titles.bc.productionboard") },
+      {
+        link: "/manage/production/board",
+        label: t("titles.bc.productionboard"),
+      },
     ]);
   }, [t, setBreadcrumbs]);
 
-  return (
-    <div>
-      <ProductionBoardComponent columnState={columnState} />
-    </div>
-  );
+  return <ProductionBoardComponent />;
 }
 export default connect(
   mapStateToProps,