Merge branch 'master'

[arvados.git] / src / views-components / snackbar / snackbar.tsx

diff --git a/src/views-components/snackbar/snackbar.tsx b/src/views-components/snackbar/snackbar.tsx
index d83d70145dacba29b73640eac52050971d128c03..535777e1bd4fd0765f1ac88914e592165f969258 100644 (file)
--- a/src/views-components/snackbar/snackbar.tsx
+++ b/src/views-components/snackbar/snackbar.tsx
@@ -4,21 +4,23 @@
 
 import * as React from "react";
 import { connect } from "react-redux";
-import { RootState } from "../../store/store";
+import { RootState } from "~/store/store";
 import MaterialSnackbar, { SnackbarProps } from "@material-ui/core/Snackbar";
 import { Dispatch } from "redux";
-import { snackbarActions } from "../../store/snackbar/snackbar-actions";
+import { snackbarActions } from "~/store/snackbar/snackbar-actions";
 
 const mapStateToProps = (state: RootState): SnackbarProps => ({
-    anchorOrigin: { vertical: "bottom", horizontal: "left" },
+    anchorOrigin: { vertical: "bottom", horizontal: "center" },
     open: state.snackbar.open,
     message: <span>{state.snackbar.message}</span>,
     autoHideDuration: state.snackbar.hideDuration
 });
 
 const mapDispatchToProps = (dispatch: Dispatch): Pick<SnackbarProps, "onClose"> => ({
-    onClose: () => {
-        dispatch(snackbarActions.CLOSE_SNACKBAR());
+    onClose: (event: any, reason: string) => {
+        if (reason !== "clickaway") {
+            dispatch(snackbarActions.CLOSE_SNACKBAR());
+        }
     }
 });