From 6e8eb0aa4d79b5149a45671d58d64a6ef965b265 Mon Sep 17 00:00:00 2001
From: Audric Ackermann <audric@loki.network>
Date: Fri, 6 Dec 2019 15:28:49 +1100
Subject: [PATCH] fix sessionInput button show/hide visibility

---
 stylesheets/_session.scss              | 5 +++++
 ts/components/session/SessionInput.tsx | 8 ++++----
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/stylesheets/_session.scss b/stylesheets/_session.scss
index 69ad16b81..bdc9d332d 100644
--- a/stylesheets/_session.scss
+++ b/stylesheets/_session.scss
@@ -314,6 +314,11 @@ $session_message-container-border-radius: 5px;
     margin-top: 13.5px;
   }
 }
+
+.hidden {
+  visibility: hidden;
+}
+
 .input-with-label-container {
   height: 46.5px;
   width: 280px;
diff --git a/ts/components/session/SessionInput.tsx b/ts/components/session/SessionInput.tsx
index 2a98e5c87..2a1d7d90e 100644
--- a/ts/components/session/SessionInput.tsx
+++ b/ts/components/session/SessionInput.tsx
@@ -59,12 +59,12 @@ export class SessionInput extends React.PureComponent<Props, State> {
           }}
         />
         <button
-          onClick={() =>
+          onClick={() => {
             this.setState({
               forceShow: !this.state.forceShow,
-            })
-          }
-          className={classNames(enableShowHide ? '' : '')}
+            });
+          }}
+          className={classNames(enableShowHide ? '' : 'hidden')}
         >
           SHOW
         </button>