From b4304c743e5d8d96cf00c095970fa7782e3b5d8c Mon Sep 17 00:00:00 2001
From: Patrick Fic <>
Date: Tue, 29 Mar 2022 08:31:15 -0700
Subject: [PATCH] IO-1793 Add detail drawer to production board view.

---
 ...production-board-kanban-card.component.jsx | 22 ++++++++++---------
 .../production-board-kanban.component.jsx     |  3 ++-
 2 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/client/src/components/production-board-kanban-card/production-board-kanban-card.component.jsx b/client/src/components/production-board-kanban-card/production-board-kanban-card.component.jsx
index 168492abd..68f15e79c 100644
--- a/client/src/components/production-board-kanban-card/production-board-kanban-card.component.jsx
+++ b/client/src/components/production-board-kanban-card/production-board-kanban-card.component.jsx
@@ -61,20 +61,22 @@ export default function ProductionBoardCard(
             <PauseCircleOutlined style={{ color: "orangered" }} />
           )}
           <span style={{ fontWeight: "bolder" }}>
-            {card.ro_number || t("general.labels.na")}
+            <Link
+              to={
+                technician
+                  ? `/tech/joblookup?selected=${card.id}`
+                  : `/manage/jobs/${card.id}`
+              }
+            >
+              {card.ro_number || t("general.labels.na")}
+            </Link>
           </span>
         </Space>
       }
       extra={
-        technician ? (
-          <Link to={`/tech/joblookup?selected=${card.id}`}>
-            <EyeFilled />
-          </Link>
-        ) : (
-          <Link to={`/manage/jobs/${card.id}`}>
-            <EyeFilled />
-          </Link>
-        )
+        <Link to={{ search: `?selected=${card.id}` }}>
+          <EyeFilled />
+        </Link>
       }
     >
       <Row>
diff --git a/client/src/components/production-board-kanban/production-board-kanban.component.jsx b/client/src/components/production-board-kanban/production-board-kanban.component.jsx
index 735a761d6..99fee8a7e 100644
--- a/client/src/components/production-board-kanban/production-board-kanban.component.jsx
+++ b/client/src/components/production-board-kanban/production-board-kanban.component.jsx
@@ -20,6 +20,7 @@ import { insertAuditTrail } from "../../redux/application/application.actions";
 import AuditTrailMapping from "../../utils/AuditTrailMappings";
 import ProductionBoardKanbanCardSettings from "./production-board-kanban.card-settings.component";
 import styled from "styled-components";
+import ProductionListDetailComponent from "../production-list-detail/production-list-detail.component";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -215,7 +216,7 @@ export function ProductionBoardKanbanComponent({
           </Space>
         }
       />
-
+      <ProductionListDetailComponent jobs={data} />
       <Board
         children={boardLanes}
         disableCardDrag={isMoving}