IO-1533 Kanban Customization

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

@@ -1,6 +1,7 @@
 import { useApolloClient } from "@apollo/client";
-import Board, { moveCard } from "@lourenci/react-kanban";
-import "@lourenci/react-kanban/dist/styles.css";
+import Board, { moveCard } from "@asseinfo/react-kanban";
+//import "@asseinfo/react-kanban/dist/styles.css";
+import "./production-board-kanban.styles.scss";
 import { notification, PageHeader, Space, Statistic } from "antd";
 import React, { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -16,6 +17,7 @@ import ProductionBoardFilters from "../production-board-filters/production-board
 import { selectTechnician } from "../../redux/tech/tech.selectors";
 import { insertAuditTrail } from "../../redux/application/application.actions";
 import AuditTrailMapping from "../../utils/AuditTrailMappings";
+import ProductionBoardKanbanCardSettings from "./production-board-kanban.card-settings.component";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -32,6 +34,7 @@ export function ProductionBoardKanbanComponent({
   bodyshop,
   technician,
   insertAuditTrail,
+  associationSettings,
 }) {
   const [boardLanes, setBoardLanes] = useState({
     columns: [{ id: "Loading...", title: "Loading...", cards: [] }],
@@ -116,6 +119,7 @@ export function ProductionBoardKanbanComponent({
         newChildCard ? newChildCard.id : null,
         newChildCardNewParent
       ),
+      // TODO: optimisticResponse
     });
     insertAuditTrail({
       jobid: card.id,
@@ -130,6 +134,7 @@ export function ProductionBoardKanbanComponent({
       });
     }
   };
+
   const totalHrs = data
     .reduce(
       (acc, val) =>
@@ -139,6 +144,7 @@ export function ProductionBoardKanbanComponent({
       0
     )
     .toFixed(1);
+
   return (
     <div>
       <IndefiniteLoading loading={isMoving} />
@@ -156,18 +162,30 @@ export function ProductionBoardKanbanComponent({
           </Space>
         }
         extra={
-          <ProductionBoardFilters
-            filter={filter}
-            setFilter={setFilter}
-            loading={isMoving}
-          />
+          <Space wrap>
+            <ProductionBoardFilters
+              filter={filter}
+              setFilter={setFilter}
+              loading={isMoving}
+            />
+            <ProductionBoardKanbanCardSettings
+              associationSettings={associationSettings}
+            />
+          </Space>
         }
       />
 
       <Board
         children={boardLanes}
         disableCardDrag={isMoving}
-        renderCard={(card) => ProductionBoardCard(technician, card, bodyshop)}
+        renderCard={(card) =>
+          ProductionBoardCard(
+            technician,
+            card,
+            bodyshop,
+            associationSettings.kanban_settings
+          )
+        }
         onCardDragEnd={handleDragEnd}
       />
     </div>