IO-2247 Scheduled Out Today

client/src/components/dashboard-grid/dashboard-grid.component.jsx

@@ -39,7 +39,10 @@ import LoadingSkeleton from "../loading-skeleton/loading-skeleton.component";
 // /node_modules/react-resizable/css/styles.css
 import DashboardScheduledInToday, {
   DashboardScheduledInTodayGql,
-} from "./../dashboard-components/scheduled-in-today/scheduled-in-today.component";
+} from "../dashboard-components/scheduled-in-today/scheduled-in-today.component";
+import DashboardScheduledOutToday, {
+  DashboardScheduledOutTodayGql,
+} from "../dashboard-components/scheduled-out-today/scheduled-out-today.component";
 import "./dashboard-grid.styles.scss";
 import { GenerateDashboardData } from "./dashboard-grid.utils";
 
@@ -272,7 +275,9 @@ const componentList = {
     h: 2,
   },
   ScheduleInToday: {
-    label: i18next.t("dashboard.titles.scheduledintoday", {date: moment().startOf("day").format("MM/DD/YYYY")}),
+    label: i18next.t("dashboard.titles.scheduledintoday", {
+      date: moment().startOf("day").format("MM/DD/YYYY"),
+    }),
     component: DashboardScheduledInToday,
     gqlFragment: DashboardScheduledInTodayGql,
     minW: 10,
@@ -280,6 +285,17 @@ const componentList = {
     w: 10,
     h: 2,
   },
+  ScheduleOutToday: {
+    label: i18next.t("dashboard.titles.scheduledouttoday", {
+      date: moment().startOf("day").format("MM/DD/YYYY"),
+    }),
+    component: DashboardScheduledOutToday,
+    gqlFragment: DashboardScheduledOutTodayGql,
+    minW: 10,
+    minH: 2,
+    w: 10,
+    h: 2,
+  },
 };
 
 const createDashboardQuery = (state) => {