render() { const { color } = this.props; const { data, loadingState } = this.state; return ( <> {!loadingState ? <div style={{ overflow: 'auto', height: '100%' }}> <Card color={this.props.color} style={{ backgroundColor: "#242424", width: "100%", boxShadow: "2px 2px 2px " + this.props.color }} > <Card.Content> <Card.Header style={{ color: "white" }}>{data.word}</Card.Header> </Card.Content> <Card.Content> <Feed inverted> {this.handleBuildDefinitionCard(data.definition)} </Feed> </Card.Content> </Card> </div> : <Dimmer active> <Loader>Loading</Loader> </Dimmer> } </> ) }