From c1895c3a65547c2491adf88f3a9c8d802dccaf81 Mon Sep 17 00:00:00 2001
From: Jori Lallo <jorilallo@Joris-MacBook.local>
Date: Sun, 28 Aug 2016 10:59:47 -0700
Subject: [PATCH] Only show layout user menu if logged in

---
 frontend/components/Layout/Layout.js | 44 +++++++++++++++-------------
 1 file changed, 24 insertions(+), 20 deletions(-)

diff --git a/frontend/components/Layout/Layout.js b/frontend/components/Layout/Layout.js
index adc2d510..6bec7cc9 100644
--- a/frontend/components/Layout/Layout.js
+++ b/frontend/components/Layout/Layout.js
@@ -75,30 +75,34 @@ class Layout extends React.Component {
             </span>
           </div>
           <Flex className={ styles.headerRight }>
-            <Flex align="center" className={ styles.actions }>
-              { this.props.actions }
-            </Flex>
-            { this.props.search && (
+            { user.user && (
               <Flex>
-                <div
-                  onClick={ this.search }
-                  className={ styles.search }
-                  title="Search (/)"
+                <Flex align="center" className={ styles.actions }>
+                  { this.props.actions }
+                </Flex>
+                { this.props.search && (
+                  <Flex>
+                    <div
+                      onClick={ this.search }
+                      className={ styles.search }
+                      title="Search (/)"
+                    >
+                      <img src={ require('assets/icons/search.svg') } alt="Search" />
+                    </div>
+                  </Flex>
+                ) }
+                <DropdownMenu
+                  label={ <Avatar
+                    circle
+                    size={ 24 }
+                    src={ user.user.avatarUrl }
+                  /> }
                 >
-                  <img src={ require('assets/icons/search.svg') } alt="Search" />
-                </div>
+                  <MenuItem to="/settings">Settings</MenuItem>
+                  <MenuItem onClick={ user.logout }>Logout</MenuItem>
+                </DropdownMenu>
               </Flex>
             ) }
-            <DropdownMenu
-              label={ <Avatar
-                circle
-                size={ 24 }
-                src={ user.user.avatarUrl }
-              /> }
-            >
-              <MenuItem to="/settings">Settings</MenuItem>
-              <MenuItem onClick={ user.logout }>Logout</MenuItem>
-            </DropdownMenu>
           </Flex>
         </div>