2016-12-11 19:31:31 +01:00
|
|
|
// Copyright 2015, 2016 Parity Technologies (UK) Ltd.
|
2016-11-25 15:52:23 +01:00
|
|
|
// This file is part of Parity.
|
|
|
|
|
|
|
|
// Parity is free software: you can redistribute it and/or modify
|
|
|
|
// it under the terms of the GNU General Public License as published by
|
|
|
|
// the Free Software Foundation, either version 3 of the License, or
|
|
|
|
// (at your option) any later version.
|
|
|
|
|
|
|
|
// Parity is distributed in the hope that it will be useful,
|
|
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
|
|
// GNU General Public License for more details.
|
|
|
|
|
|
|
|
// You should have received a copy of the GNU General Public License
|
|
|
|
// along with Parity. If not, see <http://www.gnu.org/licenses/>.
|
|
|
|
|
|
|
|
import React, { Component, PropTypes } from 'react';
|
|
|
|
import { connect } from 'react-redux';
|
|
|
|
import { bindActionCreators } from 'redux';
|
|
|
|
|
|
|
|
import { Snackbar as SnackbarMUI } from 'material-ui';
|
2016-11-30 17:58:18 +01:00
|
|
|
import { darkBlack, grey800 } from 'material-ui/styles/colors';
|
2016-11-25 15:52:23 +01:00
|
|
|
|
2016-12-05 11:47:13 +01:00
|
|
|
import { closeSnackbar } from '~/redux/providers/snackbarActions';
|
2016-11-25 15:52:23 +01:00
|
|
|
|
2016-11-30 17:58:18 +01:00
|
|
|
const bodyStyle = {
|
|
|
|
backgroundColor: darkBlack,
|
|
|
|
borderStyle: 'solid',
|
|
|
|
borderColor: grey800,
|
|
|
|
borderWidth: '1px 1px 0 1px'
|
|
|
|
};
|
|
|
|
|
2016-11-25 15:52:23 +01:00
|
|
|
class Snackbar extends Component {
|
|
|
|
static propTypes = {
|
|
|
|
closeSnackbar: PropTypes.func.isRequired,
|
|
|
|
|
|
|
|
open: PropTypes.bool,
|
|
|
|
cooldown: PropTypes.number,
|
|
|
|
message: PropTypes.any
|
|
|
|
};
|
|
|
|
|
|
|
|
render () {
|
|
|
|
const { open, message, cooldown } = this.props;
|
|
|
|
|
|
|
|
return (
|
|
|
|
<SnackbarMUI
|
|
|
|
open={ open }
|
|
|
|
message={ message }
|
|
|
|
autoHideDuration={ cooldown }
|
2016-11-30 17:58:18 +01:00
|
|
|
bodyStyle={ bodyStyle }
|
2016-11-25 15:52:23 +01:00
|
|
|
onRequestClose={ this.handleClose }
|
|
|
|
/>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
handleClose = () => {
|
|
|
|
this.props.closeSnackbar();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function mapStateToProps (state) {
|
|
|
|
const { open, message, cooldown } = state.snackbar;
|
|
|
|
return { open, message, cooldown };
|
|
|
|
}
|
|
|
|
|
|
|
|
function mapDispatchToProps (dispatch) {
|
|
|
|
return bindActionCreators({
|
|
|
|
closeSnackbar
|
|
|
|
}, dispatch);
|
|
|
|
}
|
|
|
|
|
|
|
|
export default connect(
|
|
|
|
mapStateToProps,
|
|
|
|
mapDispatchToProps
|
|
|
|
)(Snackbar);
|