#1199|Snackbar color corrected(changed to red) when profile picture …

…URL incorrect

src/dataEntryApp/components/CustomizedSnackbar.js

@@ -2,21 +2,27 @@ import React from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
 import CheckCircleIcon from "@material-ui/icons/CheckCircle";
-import { green } from "@material-ui/core/colors";
+import ErrorIcon from "@material-ui/icons/Error";
+import { red, green } from "@material-ui/core/colors";
 import Snackbar from "@material-ui/core/Snackbar";
 import SnackbarContent from "@material-ui/core/SnackbarContent";
 import { makeStyles } from "@material-ui/core/styles";
 import _ from "lodash";
 
 const variantIcon = {
-  success: CheckCircleIcon
+  success: CheckCircleIcon,
+  error: ErrorIcon
 };
 
 const useStyles1 = makeStyles(theme => ({
   success: {
     backgroundColor: green[600],
     minWidth: 220
   },
+  error: {
+    backgroundColor: red[300],
+    minWidth: 220
+  },
   icon: {
     fontSize: 20
   },
@@ -57,6 +63,8 @@ MySnackbarContentWrapper.propTypes = {
 };
 
 export default function CustomizedSnackbar({ defaultSnackbarStatus, message, onClose = _.noop }) {
+  const isError = message === "Profile image URL is not correct or couldn't be loaded.";
+  const variant = isError ? "error" : "success";
   return (
     <div>
       <Snackbar
@@ -68,7 +76,7 @@ export default function CustomizedSnackbar({ defaultSnackbarStatus, message, onC
         autoHideDuration={2000}
         onClose={() => onClose()}
       >
-        <MySnackbarContentWrapper variant="success" message={message} />
+        <MySnackbarContentWrapper variant={variant} message={message} />
       </Snackbar>
     </div>
   );