render()

in public/pages/MonitorDetails/containers/MonitorHistory/MonitorHistory.js [317:374]

• 58 lines of code
• 4 McCabe index (conditional complexity)

  render() {
    const {
      poiData,
      timeSeriesWindow,
      isLoading,
      triggersData,
      poiTimeWindow,
      maxAlerts,
      prevTimeSeriesWindow,
    } = this.state;
    const { triggers, onShowTrigger, monitorType } = this.props;
    const isBucketMonitor = monitorType === MONITOR_TYPE.BUCKET_LEVEL;
    return (
      <ContentPanel
        title="History"
        titleSize="s"
        bodyStyles={{ minHeight: 200, padding: 0 }}
        actions={[
          <DateRangePicker
            initialStartTime={this.initialStartTime}
            initialEndTime={this.initialEndTime}
            onRangeChange={this.handleRangeChange}
          />,
        ]}
      >
        {triggers.length > 0 ? (
          <React.Fragment>
            <TriggersTimeSeries
              triggers={triggers}
              isLoading={isLoading}
              triggersData={triggersData}
              domainBounds={prevTimeSeriesWindow || timeSeriesWindow}
              monitorType={this.props.monitorType}
            />
            <POIChart
              isLoading={isLoading}
              data={poiData}
              onDragStart={() => this.setState({ loading: false })}
              highlightedArea={timeSeriesWindow}
              onDragEnd={this.handleDragEnd}
              xDomain={[poiTimeWindow.startTime, poiTimeWindow.endTime]}
              yDomain={[
                0,
                maxAlerts <= HistoryConstants.MIN_POI_Y_SCALE
                  ? HistoryConstants.MIN_POI_Y_SCALE
                  : maxAlerts,
              ]}
              isDarkMode={this.props.isDarkMode}
            />
            <EuiHorizontalRule margin="xs" />
            <Legend showBucketLegend={isBucketMonitor} />
          </React.Fragment>
        ) : (
          <EmptyHistory onShowTrigger={onShowTrigger} />
        )}
      </ContentPanel>
    );
  }