Added production level statuses for shop page and updated production board to filter accordingly BOD-4

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

@@ -2,5 +2,5 @@ import React from "react";
 import ProductionListTable from "../../components/production-list-table/production-list-table.container";
 
 export default function ProductionListComponent({ columnState }) {
-  return <ProductionListTable columnState={columnState} />;
+  return <ProductionListTable />;
 }

client/src/pages/production-list/production-list.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 ProductionListComponent from "./production-list.component";
-import ProductionListColumns from "../../components/production-list-columns/production-list-columns.data";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -17,16 +16,6 @@ const mapDispatchToProps = (dispatch) => ({
 
 export function ProductionListContainer({ setBreadcrumbs, bodyshop }) {
   const { t } = useTranslation();
-  const columnState = useState(
-    (bodyshop.production_config &&
-      bodyshop.production_config.columnKeys.map((k) => {
-        return {
-          ...ProductionListColumns.find((e) => e.key === k.key),
-          width: k.width,
-        };
-      })) ||
-      []
-  );
 
   useEffect(() => {
     document.title = t("titles.productionlist");
@@ -37,7 +26,7 @@ export function ProductionListContainer({ setBreadcrumbs, bodyshop }) {
 
   return (
     <div>
-      <ProductionListComponent columnState={columnState} />
+      <ProductionListComponent />
     </div>
   );
 }