public render()

in src/Common/react/Components/WorkItem/WorkItemRenderer.tsx [84:159]
70 lines of code
9 McCabe index (conditional complexity)

    public render() {
        const {
            id,
            title,
            onClick,
            showDetails,
            isRoot,
            allowOverrideIteration,
            isDragging,
            crop,
            iterationDuration,
            progressIndicator,
            workItemStateColor,
            settingsState,
            childrernWithNoEfforts,
            efforts,
            isSubGrid,
            isComplete,
            teamFieldName
        } = this.props;

        const {
            resizing,
            left,
            top,
            height,
            width
        } = this.state

        let style = {};

        if (!resizing) {
            style = getRowColumnStyle(this.props.dimension);
        } else {
            style['position'] = 'fixed';
            style['left'] = left + "px";
            style['width'] = width + "px";
            style['top'] = top + "px";
            style['height'] = height + "px";
        }

        if (isDragging) {
            style['border-color'] = hexToRgb(this.props.color, 0.1);
        } else if (isComplete) {
            style['border-color'] = hexToRgb(this.props.color, 0.3);
        }
        else {
            style['border-color'] = hexToRgb(this.props.color, 0.7);
        }

        const rendererClass = isRoot ? "root-work-item-renderer" : "work-item-renderer";
        let canOverrideLeft = allowOverrideIteration;
        let canOverrideRight = allowOverrideIteration;
        let leftCropped = false;
        let rightCropped = false;
        switch (crop) {
            case CropWorkItem.Left: {
                canOverrideLeft = false;
                leftCropped = true;
                break;
            }
            case CropWorkItem.Right: {
                canOverrideRight = false;
                rightCropped = true;
                break;
            }
            case CropWorkItem.Both: {
                canOverrideLeft = false;
                canOverrideRight = false;
                leftCropped = true;
                rightCropped = true;
                break;
            }
        }
 
        const infoIcon = !isRoot && <InfoIcon id={id} onClick={id => showDetails(id)} />;