From 87d59b4905fc03f52835826ec99ae8f4006a03ce Mon Sep 17 00:00:00 2001
From: muerwre <gotham48@gmail.com>
Date: Fri, 9 Aug 2019 15:38:01 +0700
Subject: [PATCH] fixed header

---
 src/components/main/Header/index.tsx         | 8 +++-----
 src/components/main/Header/style.scss        | 3 ++-
 src/containers/dialogs/LoginDialog/index.tsx | 4 +---
 3 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/components/main/Header/index.tsx b/src/components/main/Header/index.tsx
index 0793f05d..498d9579 100644
--- a/src/components/main/Header/index.tsx
+++ b/src/components/main/Header/index.tsx
@@ -21,9 +21,8 @@ const mapDispatchToProps = {
 type IProps = ReturnType<typeof mapStateToProps> & typeof mapDispatchToProps & {};
 
 const HeaderUnconnected: FC<IProps> = ({ username, is_user, showDialog }) => {
-  const onLogin = useCallback(() => {
-    showDialog(DIALOGS.LOGIN);
-  }, [showDialog]);
+  const onLogin = useCallback(() => showDialog(DIALOGS.LOGIN), [showDialog]);
+  const onOpenEditor = useCallback(() => showDialog(DIALOGS.EDITOR), [showDialog]);
 
   return (
     <div className="default_container head_container">
@@ -35,8 +34,7 @@ const HeaderUnconnected: FC<IProps> = ({ username, is_user, showDialog }) => {
         <div className={style.plugs}>
           <Link to="/">flow</Link>
           <Link to="/examples/image">image</Link>
-          <Link to="/examples/edit">editor</Link>
-          <Link to="/examples/horizontal">horizontal</Link>
+          <div onClick={onOpenEditor}>editor</div>
         </div>
 
         <Filler />
diff --git a/src/components/main/Header/style.scss b/src/components/main/Header/style.scss
index bfd4d901..3cdbe687 100644
--- a/src/components/main/Header/style.scss
+++ b/src/components/main/Header/style.scss
@@ -16,7 +16,8 @@
   font: $font_16_medium;
   text-transform: uppercase;
 
-  > a {
+  > a,
+  > div {
     display: flex;
     align-items: center;
     position: relative;
diff --git a/src/containers/dialogs/LoginDialog/index.tsx b/src/containers/dialogs/LoginDialog/index.tsx
index 29639765..76b7a613 100644
--- a/src/containers/dialogs/LoginDialog/index.tsx
+++ b/src/containers/dialogs/LoginDialog/index.tsx
@@ -47,11 +47,9 @@ const LoginDialogUnconnected: FC<IProps> = ({
 
   useCloseOnEscape(onRequestClose);
 
-  console.log({ error });
-
   return (
     <form onSubmit={onSubmit}>
-      <ScrollDialog buttons={buttons} width={260} error={error}>
+      <ScrollDialog buttons={buttons} width={260} error={error} onClose={onRequestClose}>
         <Padder>
           <div className={styles.wrap}>
             <Group>