From 8bc7527072d9d42efd90ae6a4847648c11d48def Mon Sep 17 00:00:00 2001 From: Determinant Date: Sat, 16 Feb 2019 23:37:17 -0500 Subject: improve Settings --- src/Snackbar.tsx | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) (limited to 'src/Snackbar.tsx') 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, -- cgit v1.2.3-70-g09d2