From e803f5a2d480b094dede3bf130cc527066b7d31a Mon Sep 17 00:00:00 2001
From: Patrick Fic <>
Date: Fri, 15 Oct 2021 10:53:24 -0700
Subject: [PATCH] IO-1471 Total Hrs in produciton.

---
 .../production-list-table.component.jsx       | 26 ++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/client/src/components/production-list-table/production-list-table.component.jsx b/client/src/components/production-list-table/production-list-table.component.jsx
index 38b894f96..d69741496 100644
--- a/client/src/components/production-list-table/production-list-table.component.jsx
+++ b/client/src/components/production-list-table/production-list-table.component.jsx
@@ -1,4 +1,12 @@
-import { Dropdown, Input, Menu, PageHeader, Space, Table } from "antd";
+import {
+  Dropdown,
+  Input,
+  Menu,
+  PageHeader,
+  Space,
+  Statistic,
+  Table,
+} from "antd";
 import React, { useMemo, useState } from "react";
 import ReactDragListView from "react-drag-listview";
 import { useTranslation } from "react-i18next";
@@ -157,10 +165,26 @@ export function ProductionListTable({
   // };
 
   if (!!!columns) return <div>No columns found.</div>;
+  console.log(data);
 
+  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>
       <PageHeader
+        title={
+          <Statistic
+            title={t("dashboard.titles.productionhours")}
+            value={totalHrs}
+          />
+        }
         extra={
           <Space wrap>
             <ProductionListColumnsAdd