1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
|
/*
* Copyright (c) 2017 ThoughtWorks, Inc.
*
* Pixelated is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* Pixelated 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 Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with Pixelated. If not, see <http://www.gnu.org/licenses/>.
*/
import React from 'react';
import Snackbar from 'material-ui/Snackbar';
import { red500, blue500 } from 'material-ui/styles/colors';
import './snackbar_notification.scss';
const notificationStyle = () => ({
top: 0,
left: 'auto',
bottom: 'auto',
alignSelf: 'center',
transform: 'translate3d(0, 0px, 0)'
});
const contentStyle = {
textAlign: 'center'
};
const getStyleByType = (isError) => {
const style = { height: 'auto' };
style.backgroundColor = isError ? red500 : blue500;
return style;
};
const SnackbarNotification = ({ message, isError = false, autoHideDuration = 5000 }) => (
<Snackbar
id='snackbar'
open
bodyStyle={getStyleByType(isError)}
message={message}
autoHideDuration={autoHideDuration}
contentStyle={contentStyle}
style={notificationStyle()}
/>
);
SnackbarNotification.propTypes = {
message: React.PropTypes.string.isRequired,
isError: React.PropTypes.bool,
autoHideDuration: React.PropTypes.number
};
SnackbarNotification.defaultProps = {
isError: false,
autoHideDuration: 5000
};
export default SnackbarNotification;
|
