diff --git a/Dashboard/src/Components/Dashboard/Canvas/Index.tsx b/Dashboard/src/Components/Dashboard/Canvas/Index.tsx index 6d102920b6..7affa739ce 100644 --- a/Dashboard/src/Components/Dashboard/Canvas/Index.tsx +++ b/Dashboard/src/Components/Dashboard/Canvas/Index.tsx @@ -10,6 +10,7 @@ import ObjectID from "Common/Types/ObjectID"; import ComponentSettingsSideOver from "./ComponentSettingsSideOver"; import JSONFunctions from "Common/Types/JSONFunctions"; import MetricNameAndUnit from "../../Metrics/Types/MetricNameAndUnit"; +import DashboardStartAndEndDate from "../Types/DashboardStartAndEndDate"; export interface ComponentProps { dashboardViewConfig: DashboardViewConfig; @@ -23,6 +24,7 @@ export interface ComponentProps { metricNameAndUnits: Array; telemetryAttributes: string[]; }; + dashboardStartAndEndDate: DashboardStartAndEndDate; } const DashboardCanvas: FunctionComponent = ( @@ -191,6 +193,8 @@ const DashboardCanvas: FunctionComponent = ( dashboardCanvasHeightInPx={ dashboardCanvasRef.current?.clientHeight || 0 } + metricNameAndUnits={props.metrics.metricNameAndUnits} + dashboardStartAndEndDate={props.dashboardStartAndEndDate} dashboardCanvasWidthInPx={dashboardCanvasRef.current?.clientWidth || 0} dashboardCanvasTopInPx={dashboardCanvasRef.current?.clientTop || 0} dashboardCanvasLeftInPx={dashboardCanvasRef.current?.clientLeft || 0} diff --git a/Dashboard/src/Components/Dashboard/DashboardView.tsx b/Dashboard/src/Components/Dashboard/DashboardView.tsx index 4e30f2006c..220737061e 100644 --- a/Dashboard/src/Components/Dashboard/DashboardView.tsx +++ b/Dashboard/src/Components/Dashboard/DashboardView.tsx @@ -269,6 +269,7 @@ const DashboardViewer: FunctionComponent = ( onComponentUnselected={() => { setSelectedComponentId(null); }} + dashboardStartAndEndDate={startAndEndDate} selectedComponentId={selectedComponentId} isEditMode={isEditMode} currentTotalDashboardWidthInPx={dashboardTotalWidth}