import * as React from 'react' ; import { CanaryAnalysisResult , CanaryClassifierThresholdsConfig , CanaryConfig , CanaryExecutionResult , CanaryJudgeGroupScore , CanaryResult , MetricSetPair } from '../../../domain/Kayenta' ; import MetricsNavPanel from '../../shared/MetricsNavPanel' ; import IndividualMetricView from '../../shared/IndividualMetricView' ; import './ScapeRunResult.scss' ; import { observer } from 'mobx-react' ; import ScapeMetricsOverview from './ScapeMetricsOverview' ; export const ScapeRunResult = observer ( ( { application , user , metricSourceType , metricsAccountName , storageAccountName , thresholds , lifetime , selectedCanaryExecutionResult , result , totalRuns , selectedRunNumber , selectedMetric , canaryConfig , canaryAnalysisResultByIdMap , idListByMetricGroupNameMap , groupScoreByMetricGroupNameMap , metricSetPairsByIdMap , classificationCountMap , metricGroupNamesDescByWeight , displayMetricOverview , handleOverviewSelection , handleMetricSelection } ) : JSX . Element => { return ( < div className = "scape-metrics-overview-container" > < div className = "scape-metrics-overview-content" > < MetricsNavPanel config = { canaryConfig } metricSetPairsByIdMap = { metricSetPairsByIdMap } canaryAnalysisResultByIdMap = { canaryAnalysisResultByIdMap } idListByMetricGroupNameMap = { idListByMetricGroupNameMap } groupScoreByMetricGroupNameMap = { groupScoreByMetricGroupNameMap } metricGroupNamesDescByWeight = { metricGroupNamesDescByWeight } thresholds = { thresholds } classificationCountMap = { classificationCountMap } selectedMetric = { selectedMetric } displayMetricOverview = { displayMetricOverview } handleOverviewSelection = { handleOverviewSelection } handleMetricSelection = { handleMetricSelection } / > { displayMetricOverview ? ( < ScapeMetricsOverview selectedCanaryExecutionResult = { selectedCanaryExecutionResult } result = { result } totalRuns = { totalRuns } selectedRunNumber = { selectedRunNumber } thresholds = { thresholds } classificationCountMap = { classificationCountMap } / > ) : ( < IndividualMetricView config = { canaryConfig } selectedMetric = { selectedMetric } metricSourceType = { metricSourceType } lifetime = { lifetime } canaryAnalysisResultByIdMap = { canaryAnalysisResultByIdMap } metricSetPairsByIdMap = { metricSetPairsByIdMap } / > ) } < /div> < /div>); } ) ;