import React, { Component } from 'react';
import { connect } from 'react-redux';

import { Container, Form } from "semantic-ui-react";

import MainMenu from '../../components/MainMenu';
import { uploadDoorLockData } from "../../store/actions";

class UploadDLockData extends Component {

    render () {
        return (
            <Container>
                <MainMenu/>
                <h3>DLock Data</h3>
                <hr/>
                <Form>
                    <Form.Input
                        fluid
                        required
                        label="Select DLock file"
                        type="file"
                    />
                    <Form.Button onClick={this.props.uploadDoorLockData}>Upload</Form.Button>
                </Form>
            </Container>
        );
    }
}

const mapStateToProps = (state) => ({

});

const mapDispatchToProps = (dispatch) => ({
    uploadDoorLockData: () => uploadDoorLockData(dispatch),
});

export default connect(mapStateToProps, mapDispatchToProps)(UploadDLockData);