IO-2132 Add Weekly ATS Summary

client/src/components/schedule-ats-summary/schedule-ats-summary.component.jsx

@@ -0,0 +1,37 @@
+import { Space } from "antd";
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { useLocation } from "react-router-dom";
+import { createStructuredSelector } from "reselect";
+import { selectScheduleLoad } from "../../redux/application/application.selectors";
+import queryString from "query-string";
+const mapStateToProps = createStructuredSelector({
+  //currentUser: selectCurrentUser
+  scheduleLoad: selectScheduleLoad,
+});
+const mapDispatchToProps = (dispatch) => ({
+  //setUserLanguage: language => dispatch(setUserLanguage(language))
+});
+
+export function ScheduleAtsSummary({ scheduleLoad }) {
+  const { t } = useTranslation();
+  const search = queryString.parse(useLocation().search);
+
+  if (
+    (search.view === undefined || search.view === "week") &&
+    scheduleLoad.atsSummary &&
+    Object.keys(scheduleLoad.atsSummary).length > 0
+  )
+    return (
+      <Space wrap>
+        {t("schedule.labels.atssummary")}
+        {Object.keys(scheduleLoad.atsSummary).map((key) => (
+          <span key={key}>{`${key}: ${scheduleLoad.atsSummary[key]}`}</span>
+        ))}
+      </Space>
+    );
+
+  return null;
+}
+export default connect(mapStateToProps, mapDispatchToProps)(ScheduleAtsSummary);

client/src/components/schedule-calendar/schedule-calendar.component.jsx

@@ -3,6 +3,7 @@ import { Button, Card, Checkbox, Col, PageHeader, Row, Space } from "antd";
 import { t } from "i18next";
 import React, { useMemo } from "react";
 import useLocalStorage from "../../utils/useLocalStorage";
+import ScheduleAtsSummary  from "../schedule-ats-summary/schedule-ats-summary.component";
 import ScheduleCalendarWrapperComponent from "../schedule-calendar-wrapper/scheduler-calendar-wrapper.component";
 import ScheduleModal from "../schedule-job-modal/schedule-job-modal.container";
 import ScheduleManualEvent from "../schedule-manual-event/schedule-manual-event.component";
@@ -10,6 +11,7 @@ import ScheduleProductionList from "../schedule-production-list/schedule-product
 import ScheduleVerifyIntegrity from "../schedule-verify-integrity/schedule-verify-integrity.component";
 
 export default function ScheduleCalendarComponent({ data, refetch }) {
+  
   const [filter, setFilter] = useLocalStorage("filter_events", {
     intake: true,
     manual: true,
@@ -35,6 +37,7 @@ export default function ScheduleCalendarComponent({ data, refetch }) {
         <PageHeader
           extra={
             <Space wrap>
+            <ScheduleAtsSummary/>
               <Checkbox
                 checked={filter?.intake}
                 onChange={(e) => {
@@ -70,6 +73,8 @@ export default function ScheduleCalendarComponent({ data, refetch }) {
               <ScheduleProductionList />
 
               <ScheduleManualEvent />
+
+              
             </Space>
           }
         />