web client v0.5

//notifications
//delete restaurant
//change picture
//redesigned data store

src/components/Dialogs/LoginDialog.js

@@ -8,14 +8,13 @@ import ButtonSecondary from "../Input/ButtonSecondary";
 import IconButton from "@material-ui/core/IconButton";
 import TextField from "@material-ui/core/TextField";
 import CloseIcon from "@material-ui/icons/Close";
-import { useSelector, useDispatch } from "react-redux";
-import { setLoginResult } from "../../actions/toggles";
+import { useDispatch } from "react-redux";
 import Link from "@material-ui/core/Link";
 import LockIcon from "@material-ui/icons/Lock";
 import validator from "validator";
 import InputAdornment from "@material-ui/core/InputAdornment";
 import AccountCircle from "@material-ui/icons/AccountCircle";
-import { tryLogin } from "../../actions";
+import { tryLogin, notification } from "../../actions";
 import { useHistory } from "react-router-dom";
 
 export default function LoginDialog(props) {
@@ -26,7 +25,6 @@ export default function LoginDialog(props) {
     passwordError: false,
   };
   const [loginData, setLoginData] = useState(initialData);
-  const loginResult = useSelector((state) => state.data.dialogs.loginResult);
   const dispatch = useDispatch();
   const history = useHistory();
 
@@ -82,7 +80,7 @@ export default function LoginDialog(props) {
     if (validateLogin()) {
       dispatch(tryLogin(loginData.email, loginData.password));
     } else {
-      dispatch(setLoginResult("Podaj poprawne dane logowania."));
+      dispatch(notification("Podaj poprawne dane logowania.", "error"));
     }
   };
 
@@ -140,7 +138,6 @@ export default function LoginDialog(props) {
               ),
             }}
           />
-          <p>{loginResult}</p>
           <div className="login-dialog-buttons">
             <ButtonSecondary onClick={() => handleLogin()} text="Zaloguj" />
           </div>