pavinduLakshan commented on a change in pull request #126:
URL: https://github.com/apache/oodt/pull/126#discussion_r690912116
##########
File path:
react-components/oodt_opsui_sample_app/src/components/SimpleSnackBar.js
##########
@@ -0,0 +1,135 @@
+import React from "react";
+import Snackbar from "@material-ui/core/Snackbar";
+import SnackbarContent from "@material-ui/core/SnackbarContent";
+import Typography from "@material-ui/core/Typography";
+import InfoIcon from "@material-ui/icons/Info"
+import WarningIcon from "@material-ui/icons/Warning"
+import SuccessIcon from "@material-ui/icons/CheckCircleOutline"
+import IconButton from "@material-ui/core/IconButton";
+import CloseIcon from "@material-ui/icons/Close";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+
+const styles = theme => ({
+ close: {
+ padding: 10
+ },
+ info: {
+ backgroundColor: "#0F8EF7",
+ },
+ warning: {
+ backgroundColor: "#F0AD11"
+ },
+ success: {
+ backgroundColor: "#41BE41"
+ },
+ error: {
+ backgroundColor: "red"
+ },
+ snackContent: {
+ display: "flex",
+ height: "2vh",
+ alignItems: "center",
+ },
+ icon: {
+ paddingRight: "2%",
+ fontSize: "1.5em"
+ }
+});
+
+class SimpleSnackBar extends React.Component {
Review comment:
Using hooks wouldn't be possible as all components in our app are class
components. However, that library can be used in class components in another
way. I will look into it.
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: dev-unsubscr...@oodt.apache.org
For queries about this service, please contact Infrastructure at:
us...@infra.apache.org
