- Finish up with Statistics

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

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

@@ -1,7 +1,7 @@
 import { SyncOutlined } from "@ant-design/icons";
 import { useApolloClient } from "@apollo/client";
 import Board from "./trello-board/index";
-import { Button, notification, Skeleton, Space, Statistic } from "antd";
+import { Button, notification, Skeleton, Space } from "antd";
 import { PageHeader } from "@ant-design/pro-layout";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -175,28 +175,6 @@ function ProductionBoardKanbanComponent({ data, bodyshop, refetch, insertAuditTr
     [boardLanes, client, getCardByID, isMoving, t, insertAuditTrail]
   );
 
-  const totalHrs = useMemo(
-    () =>
-      data
-        .reduce(
-          (acc, val) =>
-            acc + (val.labhrs?.aggregate?.sum?.mod_lb_hrs || 0) + (val.larhrs?.aggregate?.sum?.mod_lb_hrs || 0),
-          0
-        )
-        .toFixed(1),
-    [data]
-  );
-
-  const totalLAB = useMemo(
-    () => data.reduce((acc, val) => acc + (val.labhrs?.aggregate?.sum?.mod_lb_hrs || 0), 0).toFixed(1),
-    [data]
-  );
-
-  const totalLAR = useMemo(
-    () => data.reduce((acc, val) => acc + (val.larhrs?.aggregate?.sum?.mod_lb_hrs || 0), 0).toFixed(1),
-    [data]
-  );
-
   const cardSettings = useMemo(
     () =>
       associationSettings?.kanban_settings && Object.keys(associationSettings.kanban_settings).length > 0
@@ -215,7 +193,17 @@ function ProductionBoardKanbanComponent({ data, bodyshop, refetch, insertAuditTr
             orientation: false,
             cardSize: "small",
             model_info: true,
-            kiosk: false
+            kiosk: false,
+            totalHrs: true,
+            totalAmountInProduction: false,
+            totalLAB: true,
+            totalLAR: true,
+            jobsInProduction: true,
+            totalHrsOnBoard: false,
+            totalLABOnBoard: false,
+            totalLAROnBoard: false,
+            jobsOnBoard: false,
+            totalAmountOnBoard: true
           },
     [associationSettings]
   );
@@ -234,14 +222,8 @@ function ProductionBoardKanbanComponent({ data, bodyshop, refetch, insertAuditTr
     <div>
       <IndefiniteLoading loading={isMoving} />
       <PageHeader
-        title={
-          <Space>
-            <Statistic title={t("dashboard.titles.productionhours")} value={totalHrs} />
-            <Statistic title={t("dashboard.titles.labhours")} value={totalLAB} />
-            <Statistic title={t("dashboard.titles.larhours")} value={totalLAR} />
-            <Statistic title={t("appointments.labels.inproduction")} value={data && data.length} />
-          </Space>
-        }
+        title={cardSettings.cardcolor && <CardColorLegend cardSettings={cardSettings} bodyshop={bodyshop} />}
+        style={{ paddingInline: 0, paddingBlock: 0 }}
         extra={
           <Space wrap>
             <Button onClick={() => refetch && refetch()}>
@@ -256,11 +238,16 @@ function ProductionBoardKanbanComponent({ data, bodyshop, refetch, insertAuditTr
           </Space>
         }
       />
-      {cardSettings.cardcolor && <CardColorLegend cardSettings={cardSettings} bodyshop={bodyshop} />}
 
       <ProductionListDetailComponent jobs={data} />
 
-      <Board data={boardLanes} onDragEnd={onDragEnd} orientation={orientation} cardSettings={cardSettings} />
+      <Board
+        queryData={data}
+        data={boardLanes}
+        onDragEnd={onDragEnd}
+        orientation={orientation}
+        cardSettings={cardSettings}
+      />
     </div>
   );
 }