web client v 0.1

src/components/Dialogs/LoginDialog.js

@@ -9,17 +9,14 @@ 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 {
-  hideLoginDialog,
-  showRegisterDialog,
-  setLoginResult,
-} from "../../actions/toggles";
+import { setLoginResult } from "../../actions/toggles";
 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 { useHistory } from "react-router-dom";
 
 export default function LoginDialog(props) {
   const initialData = {
@@ -29,9 +26,9 @@ export default function LoginDialog(props) {
     passwordError: false,
   };
   const [loginData, setLoginData] = useState(initialData);
-  const loginDialog = useSelector((state) => state.data.dialogs.logIn);
   const loginResult = useSelector((state) => state.data.dialogs.loginResult);
   const dispatch = useDispatch();
+  const history = useHistory();
 
   const loginStyles = makeStyles((theme) => ({
     root: {
@@ -63,11 +60,6 @@ export default function LoginDialog(props) {
     },
   }));
 
-  const handleRegisterClick = () => {
-    dispatch(hideLoginDialog());
-    dispatch(showRegisterDialog());
-  };
-
   const loginClass = loginStyles();
 
   const validateLogin = () => {
@@ -100,14 +92,14 @@ export default function LoginDialog(props) {
     <div>
       <Dialog
         className={loginClass.root}
-        onClose={() => dispatch(hideLoginDialog())}
-        open={loginDialog}
+        onClose={() => history.push("/")}
+        open={true}
         aria-labelledby="login-title"
       >
         <DialogTitle id="login-title">Logowanie</DialogTitle>
         <IconButton
           className={loginClass.closeButton}
-          onClick={() => dispatch(hideLoginDialog())}
+          onClick={() => history.push("/")}
           aria-label="close"
         >
           <CloseIcon />
@@ -155,14 +147,14 @@ export default function LoginDialog(props) {
           <Link
             className={loginClass.link}
             href="#"
-            onClick={() => handleRegisterClick()}
+            onClick={() => history.push("/forgotpassword")}
           >
             Nie pamiętam hasła.
           </Link>
           <p>
             Nie masz konta?{" "}
             <span>
-              <Link href="#" onClick={() => handleRegisterClick()}>
+              <Link href="#" onClick={() => history.push("/register")}>
                 Zarejestruj się.
               </Link>
             </span>