gistfile1.txt

// React
import React, {useState, useEffect} from "react";

// Material UI
import {
  Typography,
  Snackbar
} from "@material-ui/core";
import { makeStyles, useTheme } from "@material-ui/core/styles";
import useMediaQuery from "@material-ui/core/useMediaQuery";

// Material UI Lab
import MuiAlert from '@material-ui/lab/Alert';

const useStyles = makeStyles(theme => ({

}));

const PostSuccess = (props) => {
  const theme = useTheme();
  const mobile = useMediaQuery(theme.breakpoints.down("640"));
  const classes = useStyles();

  // Local state
  const [open, setOpen] = useState(false);


  useEffect(() => {
    setOpen(true);
  }, [props.open])

  const handleClick = () => {
    setOpen(true);
  };

  const handleClose = (event, reason) => {
    if (reason === 'clickaway') {
      return;
    }

    setOpen(false);
  };


  return (
    <React.Fragment>
        <Snackbar open={open} autoHideDuration={2000} onClose={handleClose}>
        <Alert onClose={handleClose} severity="success">
          {props.msg}
        </Alert>
      </Snackbar>
    </React.Fragment>
  );
};

function Alert(props) {
    return <MuiAlert elevation={6} variant="filled" {...props} />;
  }

export default PostSuccess;