render()

in modules/monochrome/src/drag-drop-list/drag-drop-list-item.js [212:245]

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

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

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

    const placeholderStyle = {
      width,
      height: removed ? 0 : height
    };

    return (
      <div
        ref={ref => {
          this._container = ref;
        }}
      >
        {this.renderContent()}
        {isActive && (
          <ListItemPlaceholder
            {...styleProps}
            userStyle={style.placeholder}
            style={placeholderStyle}
          />
        )}
      </div>
    );
  }