IO-1508 Add # of jobs in production.

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

@@ -26,8 +26,7 @@ export function ProductionBoardFilters({
   const { t } = useTranslation();
 
   return (
-    <PageHeader
+
-      extra={
         <Space wrap>
           {loading && <Spin />}
           <Input.Search
@@ -46,7 +45,6 @@ export function ProductionBoardFilters({
             allowClear
           />
         </Space>
-      }
+
-    ></PageHeader>
   );
 }

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

@@ -1,7 +1,7 @@
 import { useApolloClient } from "@apollo/client";
 import Board, { moveCard } from "@lourenci/react-kanban";
 import "@lourenci/react-kanban/dist/styles.css";
-import { notification } from "antd";
+import { notification, PageHeader, Space, Statistic } from "antd";
 import React, { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
@@ -130,15 +130,40 @@ export function ProductionBoardKanbanComponent({
       });
     }
   };
-
+  const totalHrs = data
+  .reduce(
+    (acc, val) =>
+      acc +
+      (val.labhrs?.aggregate?.sum?.mod_lb_hrs || 0) +
+      (val.larhrs?.aggregate?.sum?.mod_lb_hrs || 0),
+    0
+  )
+  .toFixed(1);
   return (
     <div>
       <IndefiniteLoading loading={isMoving} />
-      <ProductionBoardFilters
+      <PageHeader
-        filter={filter}
+        title={
-        setFilter={setFilter}
+          <Space>
-        loading={isMoving}
+            <Statistic
+              title={t("dashboard.titles.productionhours")}
+              value={totalHrs}
+            />
+            <Statistic
+              title={t("appointments.labels.inproduction")}
+              value={data && data.length}
+            />
+          </Space>
+        }
+        extra={
+          <ProductionBoardFilters
+            filter={filter}
+            setFilter={setFilter}
+            loading={isMoving}
+          />
+        }
       />
+
       <Board
         children={boardLanes}
         disableCardDrag={isMoving}

client/src/components/production-list-table/production-list-table.component.jsx

@@ -182,10 +182,16 @@ export function ProductionListTable({
     <div>
       <PageHeader
         title={
-          <Statistic
+          <Space>
-            title={t("dashboard.titles.productionhours")}
+            <Statistic
-            value={totalHrs}
+              title={t("dashboard.titles.productionhours")}
-          />
+              value={totalHrs}
+            />
+            <Statistic
+              title={t("appointments.labels.inproduction")}
+              value={dataSource && dataSource.length}
+            />
+          </Space>
         }
         extra={
           <Space wrap>