Added additional stats and ticket printing to all time tickets screen BOD-191

client/src/pages/time-tickets/time-tickets.container.jsx

@@ -11,6 +11,7 @@ import TimeTicketList from "../../components/time-ticket-list/time-ticket-list.c
 import TimeTicketsSummary from "../../components/time-tickets-summary/time-tickets-summary.component";
 import { QUERY_TIME_TICKETS_IN_RANGE } from "../../graphql/timetickets.queries";
 import { setBreadcrumbs } from "../../redux/application/application.actions";
+import AlertComponent from "../../components/alert/alert.component";
 
 const mapStateToProps = createStructuredSelector({});
 
@@ -33,13 +34,20 @@ export function TimeTicketsContainer({ bodyshop, setBreadcrumbs }) {
   const searchParams = queryString.parse(useLocation().search);
   const { start, end } = searchParams;
 
+  const startDate = start
+    ? moment(start)
+    : moment().startOf("week").subtract(7, "days");
+  const endDate = end ? moment(end) : moment().endOf("week");
+
   const { loading, error, data } = useQuery(QUERY_TIME_TICKETS_IN_RANGE, {
     variables: {
-      start: start ? moment(start) : moment().startOf("week").subtract(7),
-      end: end ? moment(end) : moment().endOf("week"),
+      start: startDate,
+      end: endDate,
     },
   });
 
+  if (error) return <AlertComponent message={error.message} type='error' />;
+
   return (
     <div>
       <TimeTicketsDatesSelector />
@@ -51,6 +59,8 @@ export function TimeTicketsContainer({ bodyshop, setBreadcrumbs }) {
       <TimeTicketsSummary
         loading={loading}
         timetickets={data ? data.timetickets : []}
+        startDate={startDate}
+        endDate={endDate}
       />
     </div>
   );