aboutsummaryrefslogtreecommitdiff
path: root/src/Snackbar.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/Snackbar.tsx')
-rw-r--r--src/Snackbar.tsx9
1 files changed, 8 insertions, 1 deletions
diff --git a/src/Snackbar.tsx b/src/Snackbar.tsx
index 33a47fe..dadee7c 100644
--- a/src/Snackbar.tsx
+++ b/src/Snackbar.tsx
@@ -2,10 +2,12 @@ import React from 'react';
import classNames from 'classnames';
import { Theme, withStyles } from '@material-ui/core/styles';
import amber from '@material-ui/core/colors/amber';
+import green from '@material-ui/core/colors/green';
import Snackbar from '@material-ui/core/Snackbar';
import SnackbarContent from '@material-ui/core/SnackbarContent';
import ErrorIcon from '@material-ui/icons/Error';
import WarningIcon from '@material-ui/icons/Warning';
+import CheckCircleIcon from '@material-ui/icons/CheckCircle';
import CloseIcon from '@material-ui/icons/Close';
import IconButton from '@material-ui/core/IconButton';
@@ -14,6 +16,7 @@ import IconButton from '@material-ui/core/IconButton';
const variantIcon = {
error: ErrorIcon,
warning: WarningIcon,
+ success: CheckCircleIcon
};
const styles = (theme: Theme) => ({
@@ -23,6 +26,9 @@ const styles = (theme: Theme) => ({
warning: {
backgroundColor: amber[700],
},
+ success: {
+ backgroundColor: green[600],
+ },
icon: {
fontSize: 20,
},
@@ -36,12 +42,13 @@ const styles = (theme: Theme) => ({
},
});
-export type SnackbarVariant = 'error' | 'warning';
+export type SnackbarVariant = 'error' | 'warning' | 'success';
type CustomSnackbarProps = {
classes: {
error: string,
warning: string,
+ success: string,
message: string,
icon: string,
iconVariant: string,