render()

in APISamples/typescript/src/home.tsx [31:68]

• 37 lines of code
• 2 McCabe index (conditional complexity)

    render() {
        if(!this.state.items)
            return (
                <section className="hero is-warning is-fullheight">
                    <div className="hero-head">
                        <Navbar user={this.state.user}/>
                    </div>
                    <div className="hero-body">
                        <div className="container has-text-centered"><h1 className="title">Loading Items...</h1></div>
                    </div>
                </section>
            );
        
        return (
            <div>
                <section className="hero is-warning is-small">
                    <div className="hero-head">
                        <Navbar user={this.state.user}/>
                    </div>
                    <div className="hero-body">
                        <div className="container">
                            <h1 className="title">
                                Reports
                            </h1>
                        </div>
                    </div>
                </section>
                <section className="section">
                    <div className="container">
                        <BreadCrumb path={this.state.path} />
                        <div className="columns is-multiline">
                            {this.state.items.map( (item:CatalogItem) => <CatalogItemTile item={item}/>)}
                        </div>
                    </div>
                </section>
            </div>
        )
    }