public render()

in src/EpicRoadmap/react/Components/EpicRoadmapView.tsx [47:121]
68 lines of code
7 McCabe index (conditional complexity)

    public render(): JSX.Element {
        const {
            uiState,
            progressAwareError
        } = this.props;

        let showSelector: boolean = true;

        if (uiState === UIStatus.Loading) {
            return (
                <Spinner size={SpinnerSize.large} className="loading-indicator" label="Loading..." />
            );
        }

        if (progressAwareError) {
            return (
                <div className="epic-container">
                    <MessageBar
                        messageBarType={MessageBarType.error}
                        isMultiline={false}
                    >
                        {progressAwareError.message}
                    </MessageBar>
                </div>
            )
        }

        let contents = null;
        if (uiState === UIStatus.NoTeamIterations) {
            contents = (
                <MessageBar
                    messageBarType={MessageBarType.error}
                    isMultiline={false}
                >
                    {"The team does not have any iteration selected, please visit team admin page and select team iterations."}
                </MessageBar>
            );
        }

        if (uiState === UIStatus.NoWorkItems) {
            contents = (
                <MessageBar
                    messageBarType={MessageBarType.info}
                    isMultiline={false}
                >
                    {"Select an Epic."}
                </MessageBar>
            );
        }

        if (uiState === UIStatus.NoEpics) {
            showSelector = false;
            contents = (
                <MessageBar
                    messageBarType={MessageBarType.warning}
                    isMultiline={false}
                >
                    {"Team does not have any Epics assigned."}
                </MessageBar>
            );
        }

        let additionalMessage = null;
        if (uiState === UIStatus.OutofScopeTeamIterations) {
            const style = { cursor: "pointer" };
            additionalMessage = (
                <MessageBar
                    messageBarType={MessageBarType.severeWarning}
                    isMultiline={true}
                    onClick={this._toggleCallout}
                >
                    <div style={style} ref={ref => this._calloutContainer = ref} onClick={this._toggleCallout}>{"Some Work Items are excluded as they are in iterations that the current team does not subscribe to. Click here to see the details"}</div>
                </MessageBar>
            );
        }