fixed error handling

src/components/main/Header/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React, { FC, useCallback } from 'react';
 import { connect } from 'react-redux';
 import { push as historyPush } from 'connected-react-router';
 import { Link } from 'react-router-dom';
@@ -6,18 +6,26 @@ import { Logo } from '~/components/main/Logo';
 
 import * as style from './style.scss';
 import { Filler } from '~/components/containers/Filler';
-import { selectUser, selectAuthLogin } from '~/redux/auth/selectors';
+import { selectUser } from '~/redux/auth/selectors';
 import { Group } from '~/components/containers/Group';
+import * as MODAL_ACTIONS from '~/redux/modal/actions';
+import { DIALOGS } from '~/redux/modal/constants';
 
 const mapStateToProps = selectUser;
 
 const mapDispatchToProps = {
-  push: historyPush
+  push: historyPush,
+  showDialog: MODAL_ACTIONS.modalShowDialog,
 };
 
 type IProps = ReturnType<typeof mapStateToProps> & typeof mapDispatchToProps & {};
 
-const HeaderUnconnected: React.FunctionComponent<IProps> = ({ username, is_user }) => (
+const HeaderUnconnected: FC<IProps> = ({ username, is_user, showDialog }) => {
+  const onLogin = useCallback(() => {
+    showDialog(DIALOGS.LOGIN);
+  }, [showDialog]);
+
+  return (
     <div className="default_container head_container">
       <div className={style.container}>
         <Logo />
@@ -41,14 +49,14 @@ const HeaderUnconnected: React.FunctionComponent<IProps> = ({ username, is_user
         )}
 
         {!is_user && (
-        <Group horizontal className={style.user_button}>
-          <div>ВДОХНУТЬ</div>
-          <div className={style.user_avatar} />
+          <Group horizontal className={style.user_button} onClick={onLogin}>
+            <div>ВДОХ</div>
           </Group>
         )}
       </div>
     </div>
-);
+  );
+};
 
 const Header = connect(
   mapStateToProps,

src/components/main/Header/style.scss

@@ -6,7 +6,6 @@
   height: 96px;
 }
 
-
 .spacer {
   flex: 1;
 }
@@ -49,9 +48,10 @@
     &:last-child {
       padding-right: 0;
 
-      &::after { display: none; }
+      &::after {
+        display: none;
+      }
     }
-
   }
 }
 
@@ -68,6 +68,7 @@
   text-transform: uppercase;
   flex: 0 !important;
   opacity: 0.3;
+  cursor: pointer;
 }
 
 .user_avatar {

src/containers/dialogs/LoginDialog/index.tsx

@@ -35,7 +35,7 @@ const LoginDialogUnconnected: FC<IProps> = ({
 
   useEffect(() => {
     if (error) userSetLoginError(null);
-  }, [username, password, error, userSetLoginError]);
+  }, [username, password]);
 
   const buttons = (
     <Padder>