From b12e66ef88c05eb316a147aa68138f6d1c016c27 Mon Sep 17 00:00:00 2001
From: mgabdev <>
Date: Tue, 3 Nov 2020 13:12:11 -0600
Subject: [PATCH] Updated SidebarLayout compose button styles and hide if no
 user
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

• Updated:
- SidebarLayout compose button styles and hide if no user
---
 .../components/sidebar/sidebar_layout.js      | 38 +++++++++++--------
 1 file changed, 22 insertions(+), 16 deletions(-)

diff --git a/app/javascript/gabsocial/components/sidebar/sidebar_layout.js b/app/javascript/gabsocial/components/sidebar/sidebar_layout.js
index e02fa8bc..e80dbeb7 100644
--- a/app/javascript/gabsocial/components/sidebar/sidebar_layout.js
+++ b/app/javascript/gabsocial/components/sidebar/sidebar_layout.js
@@ -91,23 +91,29 @@ class SidebarLayout extends React.PureComponent {
                 {children}
               </nav>
 
-              <Responsive min={BREAKPOINT_SMALL}>
-                <Button
-                  isBlock
-                  onClick={this.handleOpenComposeModal}
-                  className={[_s.py15, _s.fs15PX, _s.fw600].join(' ')}
-                >
-                  Gab
-                </Button>
-              </Responsive>
+              {
+                !!me &&
+                <Responsive min={BREAKPOINT_SMALL}>
+                  <Button
+                    onClick={this.handleOpenComposeModal}
+                    className={_s.py15}
+                    icon='pencil'
+                    iconSize='18px'
+                    iconClassName={[_s.py5, _s.px5].join(' ')}
+                  />
+                </Responsive>
+              }
 
-              <Responsive max={BREAKPOINT_SMALL}>
-                <Button
-                  onClick={this.handleOpenComposeModal}
-                  className={_s.py15}
-                  icon='pencil'
-                />
-              </Responsive>
+              {
+                !!me &&
+                <Responsive max={BREAKPOINT_SMALL}>
+                  <Button
+                    onClick={this.handleOpenComposeModal}
+                    className={_s.py15}
+                    icon='pencil'
+                  />
+                </Responsive>
+              }
 
             </div>
           </div>