client-render.js

export default class App extends Component {

  // previously written lifecycle and custom methods
  // ....
    
  render() {
    const { name, photo} = this.state.user
    const { disabled } = this.state
  
    return (
      <div className={'container'}>
        {/* Show the user if it exists. Otherwise show the login button */}
        {name
          ? <div className={'card'}>              
              <img src={photo} alt={name} />
              <FontAwesome
                name={'times-circle'}
                className={'close'}
                onClick={this.closeCard.bind(this)}
              />
              <h4>{`@${name}`}</h4>
            </div>
          : <div className={'button'}>
              <button 
                onClick={this.startAuth.bind(this)} 
                className={`twitter ${disabled}`}
              >
                <FontAwesome
                  name={'twitter'}
                />
              </button>
            </div>
        }
        <Footer />
      </div>
    )
  }
}