From 6a6e7e374cc63c6dda44ea23ede80d4c27e02535 Mon Sep 17 00:00:00 2001
From: Stepan Usatiuk <stepanusatiuk@gmail.com>
Date: Sat, 13 Apr 2019 22:22:43 +0300
Subject: [PATCH] move navbar menu to a separate function

---
 frontend/src/Home/Home.tsx | 61 +++++++++++++++++++-------------------
 1 file changed, 31 insertions(+), 30 deletions(-)

diff --git a/frontend/src/Home/Home.tsx b/frontend/src/Home/Home.tsx
index 6720242..cca87aa 100644
--- a/frontend/src/Home/Home.tsx
+++ b/frontend/src/Home/Home.tsx
@@ -78,40 +78,13 @@ export class HomeComponent extends React.PureComponent<IHomeProps> {
                                         {this.props.user.username}
                                     </Button>
                                 }
-                                content={
-                                    <Menu>
-                                        <Menu.Item
-                                            icon="log-out"
-                                            text="Logout"
-                                            onClick={this.props.logout}
-                                        />
-                                        {this.props.darkMode ? (
-                                            <Menu.Item
-                                                icon="flash"
-                                                text="Light Mode"
-                                                onClick={
-                                                    this.props
-                                                        .dispatchToggleDarkMode
-                                                }
-                                            />
-                                        ) : (
-                                            <Menu.Item
-                                                icon="moon"
-                                                text="Dark Mode"
-                                                onClick={
-                                                    this.props
-                                                        .dispatchToggleDarkMode
-                                                }
-                                            />
-                                        )}
-                                    </Menu>
-                                }
+                                content={this.menu()}
                             />
                         </Navbar.Group>
                     </Navbar>
                     <div id="MainScreen" className="animationWrapper">
                         <Transition
-                        native={true}
+                            native={true}
                             config={{
                                 ...config.default,
                                 clamp: true,
@@ -133,7 +106,10 @@ export class HomeComponent extends React.PureComponent<IHomeProps> {
                             }}
                         >
                             {(_location: any) => (style: any) => (
-                                <animated.div style={style} className="viewComponent">
+                                <animated.div
+                                    style={style}
+                                    className="viewComponent"
+                                >
                                     <Switch location={_location}>
                                         <Route
                                             path="/docs/:id/edit"
@@ -153,6 +129,31 @@ export class HomeComponent extends React.PureComponent<IHomeProps> {
             )
         );
     }
+
+    private menu() {
+        return (
+            <Menu>
+                <Menu.Item
+                    icon="log-out"
+                    text="Logout"
+                    onClick={this.props.logout}
+                />
+                {this.props.darkMode ? (
+                    <Menu.Item
+                        icon="flash"
+                        text="Light Mode"
+                        onClick={this.props.dispatchToggleDarkMode}
+                    />
+                ) : (
+                    <Menu.Item
+                        icon="moon"
+                        text="Dark Mode"
+                        onClick={this.props.dispatchToggleDarkMode}
+                    />
+                )}
+            </Menu>
+        );
+    }
 }
 
 function mapStateToProps(state: IAppState) {