From fa3a20adfd40e7f7f968b7e9bed40543dc8fbc62 Mon Sep 17 00:00:00 2001
From: snoop <snoop@loafle.com>
Date: Mon, 17 Jul 2017 11:41:41 +0900
Subject: [PATCH] split leftmenu

---
 src/ts/containers/test/layout/Layout.tsx   | 40 +-------------
 src/ts/containers/test/layout/LeftMenu.tsx | 63 ++++++++++++++++++++++
 2 files changed, 65 insertions(+), 38 deletions(-)
 create mode 100644 src/ts/containers/test/layout/LeftMenu.tsx

diff --git a/src/ts/containers/test/layout/Layout.tsx b/src/ts/containers/test/layout/Layout.tsx
index b1ca250..f2daa8b 100644
--- a/src/ts/containers/test/layout/Layout.tsx
+++ b/src/ts/containers/test/layout/Layout.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
 import { Container, Menu, Sidebar, Segment, Icon, Breadcrumb, Grid, Dropdown } from 'semantic-ui-react';
 import { Header } from './Header';
 import { Footer } from './Footer';
+import { LeftMenu } from './LeftMenu';
 
 import { Routes } from '../../../Routes';
 import { Router } from 'react-router';
@@ -28,44 +29,7 @@ export class Layout extends React.Component<any, any> {
         <Grid>
           <Grid.Row>
             <Grid.Column width='2'>
-              <Menu secondary vertical>
-                <Menu.Item name='Home' />
-
-                <Dropdown item text='Monitoring'>
-                  <Dropdown.Menu>
-                    <Dropdown.Header>Monitoring</Dropdown.Header>
-                    <Dropdown.Item>Small</Dropdown.Item>
-                    <Dropdown.Item>Probe</Dropdown.Item>
-                    <Dropdown.Item>Sensors</Dropdown.Item>
-                  </Dropdown.Menu>
-                </Dropdown>
-
-                <Dropdown item text='Infrastructure'>
-                  <Dropdown.Menu>
-                    <Dropdown.Header>Infrastructure</Dropdown.Header>
-                    <Dropdown.Item>Maps</Dropdown.Item>
-                    <Dropdown.Item>Targets</Dropdown.Item>
-                  </Dropdown.Menu>
-                </Dropdown>
-
-                <Menu.Item name='Dashboard' />
-                <Menu.Item name='Metrics' />
-                <Menu.Item name='Alerts' />
-                <Menu.Item name='History' />
-                <Dropdown item text='Custom'>
-                  <Dropdown.Menu>
-                    <Dropdown.Header>Custom</Dropdown.Header>
-                    <Dropdown.Item href='#/test2'> SignUp </Dropdown.Item>
-                    <Dropdown.Item href='#/test3'>SignIn</Dropdown.Item>
-                    <Dropdown.Item href='#/test4'> PWChange </Dropdown.Item>
-                    <Dropdown.Item href='#/test5'>ProbeDown</Dropdown.Item>
-                    <Dropdown.Item href='#/test14'> Insanity </Dropdown.Item>
-                    <Dropdown.Item href='#/test6'>DiscoveryDetails</Dropdown.Item>
-                    <Dropdown.Item href='#/test7'>Tree</Dropdown.Item>
-                  </Dropdown.Menu>
-                </Dropdown>
-                <Menu.Item name='Settings' />
-              </Menu>
+             <LeftMenu />
             </Grid.Column>
             <Grid.Column width='14'>
               <Grid.Row>
diff --git a/src/ts/containers/test/layout/LeftMenu.tsx b/src/ts/containers/test/layout/LeftMenu.tsx
new file mode 100644
index 0000000..b2c5084
--- /dev/null
+++ b/src/ts/containers/test/layout/LeftMenu.tsx
@@ -0,0 +1,63 @@
+import * as React from 'react';
+import { Container, Menu, Dropdown } from 'semantic-ui-react';
+import { TopBar } from '../TopBar';
+import { LogoBar } from './LogoBar';
+import { TitleBar } from './TitleBar';
+
+export class LeftMenu extends React.Component<any, any> {
+
+  constructor(props: any, context: any) {
+    super(props, context);
+    this.state = {
+    };
+  }
+
+  render() {
+    return (
+      <Container>
+        <Menu secondary vertical>
+          <Menu.Item name='Home' />
+
+          <Dropdown item text='Monitoring'>
+            <Dropdown.Menu>
+              <Dropdown.Header>Monitoring</Dropdown.Header>
+              <Dropdown.Item>Small</Dropdown.Item>
+              <Dropdown.Item>Probe</Dropdown.Item>
+              <Dropdown.Item>Sensors</Dropdown.Item>
+            </Dropdown.Menu>
+          </Dropdown>
+
+          <Dropdown item text='Infrastructure'>
+            <Dropdown.Menu>
+              <Dropdown.Header>Infrastructure</Dropdown.Header>
+              <Dropdown.Item>Maps</Dropdown.Item>
+              <Dropdown.Item>Targets</Dropdown.Item>
+            </Dropdown.Menu>
+          </Dropdown>
+
+          <Menu.Item name='Dashboard' />
+          <Menu.Item name='Metrics' />
+          <Menu.Item name='Alerts' />
+          <Menu.Item name='History' />
+          <Dropdown item text='Custom'>
+            <Dropdown.Menu>
+              <Dropdown.Header>Custom</Dropdown.Header>
+              <Dropdown.Item href='#/test2'> SignUp </Dropdown.Item>
+              <Dropdown.Item href='#/test3'>SignIn</Dropdown.Item>
+              <Dropdown.Item href='#/test4'> PWChange </Dropdown.Item>
+              <Dropdown.Item href='#/test5'>ProbeDown</Dropdown.Item>
+              <Dropdown.Item href='#/test14'> Insanity </Dropdown.Item>
+              <Dropdown.Item href='#/test6'>DiscoveryDetails</Dropdown.Item>
+              <Dropdown.Item href='#/test7'>Tree</Dropdown.Item>
+            </Dropdown.Menu>
+          </Dropdown>
+          <Menu.Item name='Settings' />
+        </Menu>
+      </Container>
+      // <TopBar onSidebar={this.props.onSidebar}/>
+    );
+  }
+}
+
+
+