render()

in frontend/src/components/Things.js [323:357]

• 34 lines of code
• 3 McCabe index (conditional complexity)

    render() {

        let searchingMessage;
        let thingsTable;
        if(this.state.searching) {
            searchingMessage = 
            <Message icon>
                <Icon name='circle notched' loading />
                <Message.Content>
                    <Message.Header>Just one second</Message.Header>
                    We are fetching that content for you.
                </Message.Content>
            </Message>    
        } else {
            thingsTable = 
            <ThingsTable things={this.state.things}
            scannedCount={this.state.scannedCount}
            filterText={this.state.filterText}
            removeRequests={this.state.removeRequests} />
        }
        return (
            <div>
                <ThingsForm filterText={this.state.filterText}
                    onFilterTextChange={this.handleFilterTextChange}
                    onSearchRequested={this.handleSearchRequested}
                    onCreateRequested={this.handleCreateRequested}
                    positiveMessage={this.state.positiveMessage}
                    negativeMessage={this.state.negativeMessage}
                    searching={this.state.searching}
                />
                {searchingMessage}
                {thingsTable}
            </div>
        );
    }