From ffbbde12a1fde4686bd62a30cfe789ca90683d29 Mon Sep 17 00:00:00 2001
From: snoop <snoop@loafle.com>
Date: Mon, 17 Jul 2017 11:38:58 +0900
Subject: [PATCH] add left menu

---
 src/ts/containers/test/layout/Layout.tsx | 41 ++++++++++++++++++++++--
 1 file changed, 39 insertions(+), 2 deletions(-)

diff --git a/src/ts/containers/test/layout/Layout.tsx b/src/ts/containers/test/layout/Layout.tsx
index 9de6227..b1ca250 100644
--- a/src/ts/containers/test/layout/Layout.tsx
+++ b/src/ts/containers/test/layout/Layout.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Container, Menu, Sidebar, Segment, Icon, Breadcrumb, Grid } from 'semantic-ui-react';
+import { Container, Menu, Sidebar, Segment, Icon, Breadcrumb, Grid, Dropdown } from 'semantic-ui-react';
 import { Header } from './Header';
 import { Footer } from './Footer';
 
@@ -28,7 +28,44 @@ export class Layout extends React.Component<any, any> {
         <Grid>
           <Grid.Row>
             <Grid.Column width='2'>
-              Left menu
+              <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>
             </Grid.Column>
             <Grid.Column width='14'>
               <Grid.Row>