public render()

in src/SummaryComponent.tsx [28:87]
60 lines of code
4 McCabe index (conditional complexity)

    public render(): JSX.Element {
        return (
            <div className="summary-area">
                <Observer url={this.props.capacityEventSource.getIterationUrl()}>
                    {(props: { url: string }) => {
                        return (
                            <Link className="category-heading" href={props.url} key={props.url} target="_blank">
                                Iterations
                            </Link>
                        );
                    }}
                </Observer>
                <Observer iterationSummaryData={this.props.capacityEventSource.getIterationSummaryData()}>
                    {(props: { iterationSummaryData: IEventCategory[] }) => {
                        return props.iterationSummaryData.length === 0 ? (
                            <div className="empty">(None)</div>
                        ) : (
                            <ScrollableList
                                itemProvider={this.props.capacityEventSource.getIterationSummaryData()}
                                renderRow={this.renderRow}
                                width="100%"
                            />
                        );
                    }}
                </Observer>
                <Observer url={this.props.capacityEventSource.getCapacityUrl()}>
                    {(props: { url: string }) => {
                        return (
                            <Link className="category-heading" href={props.url} key={props.url} target="_blank">
                                Days off
                            </Link>
                        );
                    }}
                </Observer>
                <Observer capacitySummaryData={this.props.capacityEventSource.getCapacitySummaryData()}>
                    {(props: { capacitySummaryData: IEventCategory[] }) => {
                        return props.capacitySummaryData.length === 0 ? (
                            <div className="empty">(None)</div>
                        ) : (
                            <ScrollableList
                                itemProvider={this.props.capacityEventSource.getCapacitySummaryData()}
                                renderRow={this.renderRow}
                                width="100%"
                            />
                        );
                    }}
                </Observer>
                <a className="category-heading">Event</a>
                <Observer eventSummaryData={this.props.freeFormEventSource.getSummaryData()}>
                    {(props: { eventSummaryData: IEventCategory[] }) => {
                        return props.eventSummaryData.length === 0 ? (
                            <div className="empty">(None)</div>
                        ) : (
                            <ScrollableList itemProvider={this.props.freeFormEventSource.getSummaryData()} renderRow={this.renderRow} width="100%" />
                        );
                    }}
                </Observer>
            </div>
        );
    }