render()

in src/app/AthenaNetCore/AthenaNetCore.WebApp/ClientApp/src/components/CovidTestingByState.js [89:111]

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

    render() {
        let contents = "";
        if (this.state.isLoading) {
            contents = (this.state.isCheckingStatus ? this.renderStatusCheck(this.state.statusData) : <p><em>You need to select a date to filter...</em></p>)
        } else {
            contents = this.renderGridTable(this.state.covidTesting);
        }

        return (
            <div>
                <h1 id="tableLabel" >Testing Progress by State</h1>
                <p>This component demonstrates fetching COVID-19 data from the server that uses Amazon Athena to run SQL Standard query on S3 files from a Data Lake account. This Component run Athena Query, get QueryExecutionId, check status of execution, and list results </p>
                <select onChange={this.stateSelectChange} value={this.state.selectedValue} >
                    <option value="--">-Select one option-</option>
                    {
                        data.map(state =>
                            <option key={state.abbreviation} value={state.abbreviation} >{state.name}</option>)
                    }
                </select>
                {contents}
            </div>
        );
    }