render()

in frontend/mx/src/components/trigger-overlay.js [73:99]

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

  render() {
    const { trigger, isThresholdExceeded } = this.props;
    const { twitterUrl } = this.state;

    if (!trigger) return null;

    const isVisible = isThresholdExceeded ? 'is-visible' : '';
    const classes = `trigger-overlay ${isVisible}`;
    const TriggerIcon = trigger.icon;

    return (
      <Styled className={classes}>
        <TriggerIcon />
        <span>Rule trigger met</span>
        { twitterUrl && (
          <a
            href={twitterUrl}
            target="_blank"
            className="twitter"
          >
            <TwitterIcon />
            <span>Twitter</span>
          </a>
        )}
      </Styled>
    );
  }