import React, { Component } from "react"; import Button from "react-bootstrap/esm/Button"; import { connect } from "react-redux"; import { getShowLoginDialogAction } from "../state/AuthenticationActions"; class loginButton extends Component { constructor(props) { super(props); this.showLoginDialog = this.showLoginDialog.bind(this) } showLoginDialog() { const dispatch = this.props.dispatch; dispatch(getShowLoginDialogAction()) } render() { return ( <div> <Button variant="light" onClick={this.showLoginDialog} id="OpenLoginDialogButton"> Login </Button> </div> ) } } export default connect()(loginButton)