loginButton.js

import React, { Component } from "react";
import Button from "react-bootstrap/esm/Button";
import { connect } from "react-redux";

class loginButton extends Component {

    constructor(props) {
        super(props);
        this.showLoginDialog = this.showLoginDialog.bind(this)
    }

    showLoginDialog() {
        const dispatch = this.props.dispatch;
        dispatch()
    }

    render() {
        return (
            <div>
                <Button variant="light" onClick={this.showLoginDialog}>
                    Login
                </Button>
            </div>
        )
    }
}

export default connect()(loginButton)