IO-2118 Add expected production hours to scheduling.

client/src/components/schedule-calendar-wrapper/schedule-calendar-header-graph.component.js

@@ -1,4 +1,4 @@
-import { Popover } from "antd";
+import { Popover, Space } from "antd";
 import React, { useMemo } from "react";
 import { connect } from "react-redux";
 import {
@@ -13,7 +13,8 @@ import {
 import { createStructuredSelector } from "reselect";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import { RadarChartOutlined } from "@ant-design/icons";
-
+import { useTranslation } from "react-i18next";
+import { load } from "@fingerprintjs/fingerprintjs";
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
 });
@@ -23,7 +24,7 @@ const mapDispatchToProps = (dispatch) => ({
 
 export function ScheduleCalendarHeaderGraph({ bodyshop, loadData }) {
   const { ssbuckets } = bodyshop;
-
+  const { t } = useTranslation();
   const data = useMemo(() => {
     return (
       (loadData &&
@@ -43,6 +44,10 @@ export function ScheduleCalendarHeaderGraph({ bodyshop, loadData }) {
 
   const popContent = (
     <div>
+      <Space>
+        {t("appointments.labels.expectedprodhrs")}
+        <strong>{loadData.expectedHours.toFixed(1)}</strong>
+      </Space>
       <RadarChart
         // cx={300}
         // cy={250}