renderContent()

in modules/monochrome/src/drag-drop-list/drag-drop-list-item.js [154:210]

• 53 lines of code
• 3 McCabe index (conditional complexity)

  renderContent() {
    const {className, removed, theme, style} = this.props;
    const {isHovered, isDragging, isActive, width, height, dragPos, dragStartOffset} = this.state;

    const styleProps = {
      theme,
      isRemoved: removed,
      isHovered,
      isDragging,
      isActive
    };

    const title = this.renderTitle();

    const itemStyle = isActive
      ? {
          left: dragStartOffset.left + dragPos.deltaX,
          top: dragStartOffset.top + dragPos.deltaY,
          width,
          height
        }
      : null;

    return title ? (
      <ListItemContainer
        className={className}
        {...styleProps}
        userStyle={style.item}
        style={itemStyle}
      >
        {this.renderMover(
          <ListItemTitle
            {...styleProps}
            userStyle={style.title}
            onMouseEnter={this._onMouseEnter}
            onMouseLeave={this._onMouseLeave}
          >
            {title}
          </ListItemTitle>
        )}
        {this.props.children}
      </ListItemContainer>
    ) : (
      this.renderMover(
        <ListItemContainer
          onMouseEnter={this._onMouseEnter}
          onMouseLeave={this._onMouseLeave}
          className={className}
          {...styleProps}
          userStyle={style.item}
          style={itemStyle}
        >
          {this.props.children}
        </ListItemContainer>
      )
    );
  }