render()

in tweeter/src/components/App.js [19:62]

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

    render() {
        return (
            <Router>
                <h1 className="header">Tweeter!</h1>
                <div id="inner-body">
                    <div id="menubar">
                        <div className="icon-bar">
                            <a className="active" href="#"><i className="fa fa-home"></i></a> 
                            <a href="#"><i className="fa fa-search"></i></a> 
                            <a href="#"><i className="fa fa-envelope"></i></a> 
                            <a href="#"><i className="fa fa-globe"></i></a>
                        </div>
                        <DataProvider 
                            endpoint="/accounts/current"
                            render= {me => {
                                return (
                                    <div>
                                        {me ? <p>Logged in as {me.username}. <a href="/accounts/logout">Logout</a></p>
                                            : <p>You are not logged in. <a href="/signup">Create a new account</a> or <a href="/login">login</a>.</p>
                                        }
                                    </div>
                                )
                            }}
                        />
                    </div>

                    <Route path="/" exact component={() => <DataProvider 
                        endpoint="/api/tweets/"
                        render= {tweets => {
                            return (
                                <div>
                                    <Tweets tweets={tweets}/>
                                </div>
                            )
                        }}
                        />} />
                    <Route path="/login" component={Login}/>
                    <Route path="/signup" component={Signup}/>

                </div>

            </Router>
        )
    }