- Checkpoint, so so much

Signed-off-by: Dave Richer <dave@imexsystems.ca>

client/src/components/production-board-kanban/production-board-kanban.component.jsx

@@ -1,32 +1,29 @@
-import { SyncOutlined, UnorderedListOutlined } from "@ant-design/icons";
+import { SyncOutlined } from "@ant-design/icons";
 import { useApolloClient } from "@apollo/client";
 import Board from "../../components/trello-board/index";
 import { Button, notification, Skeleton, Space, Statistic } from "antd";
 import { PageHeader } from "@ant-design/pro-layout";
-import React, { useEffect, useMemo, useState, useCallback } from "react";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { logImEXEvent } from "../../firebase/firebase.utils";
 import { generate_UPDATE_JOB_KANBAN } from "../../graphql/jobs.queries";
 import { insertAuditTrail } from "../../redux/application/application.actions";
-import { selectTechnician } from "../../redux/tech/tech.selectors";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import AuditTrailMapping from "../../utils/AuditTrailMappings";
 import IndefiniteLoading from "../indefinite-loading/indefinite-loading.component";
 import ProductionBoardFilters from "../production-board-filters/production-board-filters.component";
-import ProductionBoardCard from "../production-board-kanban-card/production-board-kanban-card.component";
 import ProductionListDetailComponent from "../production-list-detail/production-list-detail.component";
 import CardColorLegend from "../production-board-kanban-card/production-board-kanban-card-color-legend.component";
 import "./production-board-kanban.styles.scss";
-import { createBoardData, createFakeBoardData } from "./production-board-kanban.utils.js";
+import { createBoardData } from "./production-board-kanban.utils.js";
 import ProductionBoardKanbanSettings from "./production-board-kanban.settings.component.jsx";
 import cloneDeep from "lodash/cloneDeep";
 import isEqual from "lodash/isEqual";
 
 const mapStateToProps = createStructuredSelector({
-  bodyshop: selectBodyshop,
-  technician: selectTechnician
+  bodyshop: selectBodyshop
 });
 
 const mapDispatchToProps = (dispatch) => ({
@@ -40,20 +37,16 @@ const mapDispatchToProps = (dispatch) => ({
     )
 });
 
-export function ProductionBoardKanbanComponent({
-  data,
-  bodyshop,
-  refetch,
-  technician,
-  insertAuditTrail,
-  associationSettings
-}) {
+export function ProductionBoardKanbanComponent({ data, bodyshop, refetch, insertAuditTrail, associationSettings }) {
   const [boardLanes, setBoardLanes] = useState({ lanes: [] });
   const [filter, setFilter] = useState({ search: "", employeeId: null });
   const [loading, setLoading] = useState(true);
   const [isMoving, setIsMoving] = useState(false);
 
-  const orientation = associationSettings?.kanban_settings?.orientation ? "vertical" : "horizontal";
+  const orientation = useMemo(
+    () => (associationSettings?.kanban_settings?.orientation ? "vertical" : "horizontal"),
+    [associationSettings]
+  );
   const { t } = useTranslation();
 
   useEffect(() => {
@@ -63,7 +56,7 @@ export function ProductionBoardKanbanComponent({
   }, [associationSettings]);
 
   useEffect(() => {
-    const newBoardData = createFakeBoardData(
+    const newBoardData = createBoardData(
       [...bodyshop.md_ro_statuses.production_statuses, ...(bodyshop.md_ro_statuses.additional_board_statuses || [])],
       data,
       filter
@@ -202,15 +195,6 @@ export function ProductionBoardKanbanComponent({
     [data]
   );
 
-  const Header = useCallback(
-    ({ title }) => (
-      <div className="react-trello-column-header" style={{ backgroundColor: "#e3e3e3" }}>
-        <UnorderedListOutlined style={{ marginRight: "5px" }} /> {title.substring(0, 10)}
-      </div>
-    ),
-    []
-  );
-
   const cardSettings = useMemo(
     () =>
       associationSettings?.kanban_settings && Object.keys(associationSettings.kanban_settings).length > 0
@@ -225,23 +209,12 @@ export function ProductionBoardKanbanComponent({
             production_note: true,
             employeeassignments: true,
             scheduled_completion: true,
-            stickyheader: false,
             cardcolor: false,
             orientation: false
           },
     [associationSettings]
   );
 
-  const components = useMemo(
-    () => ({
-      Card: (cardProps) => (
-        <ProductionBoardCard card={cardProps} technician={technician} bodyshop={bodyshop} cardSettings={cardSettings} />
-      ),
-      LaneHeader: Header
-    }),
-    [Header, bodyshop, cardSettings, technician]
-  );
-
   if (loading) {
     return <Skeleton active />;
   }
@@ -270,13 +243,7 @@ export function ProductionBoardKanbanComponent({
       />
       {cardSettings.cardcolor && <CardColorLegend cardSettings={cardSettings} bodyshop={bodyshop} />}
       <ProductionListDetailComponent jobs={data} />
-      <Board
-        data={boardLanes}
-        onDragEnd={onDragEnd}
-        components={components}
-        collapsibleLanes
-        orientation={orientation}
-      />
+      <Board data={boardLanes} onDragEnd={onDragEnd} orientation={orientation} cardSettings={cardSettings} />
     </div>
   );
 }