Table updates for appointments. Initial appointments screen + fetching.

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

@@ -0,0 +1,31 @@
+import React from "react";
+import { useQuery } from "react-apollo";
+import ScheduleCalendarComponent from "./schedule-calendar.component";
+import { QUERY_ALL_APPOINTMENTS } from "../../graphql/appointments.queries";
+import LoadingSpinner from "../loading-spinner/loading-spinner.component";
+import AlertComponent from "../alert/alert.component";
+
+export default function ScheduleCalendarContainer() {
+  const { loading, error, data, refetch } = useQuery(QUERY_ALL_APPOINTMENTS, {
+    fetchPolicy: "network-only"
+  });
+
+  if (loading) return <LoadingSpinner />;
+  if (error) return <AlertComponent message={error.message} type="error" />;
+  let normalizedData = data.appointments.map(e => {
+    //Required becuase Hasura returns a string instead of a date object.
+    return Object.assign(
+      {},
+      e,
+      { start: new Date(e.start) },
+      { end: new Date(e.end) }
+    );
+  });
+
+  return (
+    <ScheduleCalendarComponent
+      refetch={refetch}
+      data={data ? normalizedData : null}
+    />
+  );
+}