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)