IO-1793 Add detail drawer to production board view.

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={{ search: `?selected=${card.id}` }}>
-          <Link to={`/tech/joblookup?selected=${card.id}`}>
+          <EyeFilled />
-            <EyeFilled />
+        </Link>
-          </Link>
-        ) : (
-          <Link to={`/manage/jobs/${card.id}`}>
-            <EyeFilled />
-          </Link>
-        )
       }
     >
       <Row>

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}