render()

in ui/src/client/components/common/components/AlertPopUp/AlertPopUp.js [38:77]

• 39 lines of code
• 7 McCabe index (conditional complexity)

  render() {
    const { error, success } = this.props;
    let message = '';
    let color = '';
    if (error) {
      message = error.message;
      color = 'raspberry';
    } else if (success) {
      setTimeout(this.handleCloseAlert, 5000);
      message = success.message || 'success';
      color = 'green';
    }

    return (
      <div>
        {(error || success) && (
          <div
            className={`alert-wrapper ${color}`}
            role="alert"
          >
            <div className="alert-message">
              {error && <i className="fa fa-exclamation-triangle" />}
              <span>
                { message }
              </span>
            </div>
            <div className="alert-close">
              <IconButton
                className="close-button"
                onClick={this.handleCloseAlert}
              >
                <img src={closeIcon} alt="" />
              </IconButton>
            </div>
          </div>
        )
        }
      </div>
    );
  }