From 19ab2297ea2d932192ca453252d0d99516695669 Mon Sep 17 00:00:00 2001
From: snoop <snoop@loafle.com>
Date: Mon, 17 Jul 2017 12:33:48 +0900
Subject: [PATCH] fixed leftmenu

---
 src/ts/containers/test/layout/LeftMenu.tsx | 113 ++++++++++++++-------
 1 file changed, 76 insertions(+), 37 deletions(-)

diff --git a/src/ts/containers/test/layout/LeftMenu.tsx b/src/ts/containers/test/layout/LeftMenu.tsx
index 12b56a1..b1f8c53 100644
--- a/src/ts/containers/test/layout/LeftMenu.tsx
+++ b/src/ts/containers/test/layout/LeftMenu.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Container, Menu, Dropdown } from 'semantic-ui-react';
+import { Container, Menu, Dropdown, Segment, Icon } from 'semantic-ui-react';
 import { TopBar } from '../TopBar';
 import { LogoBar } from './LogoBar';
 import { TitleBar } from './TitleBar';
@@ -14,45 +14,84 @@ export class LeftMenu extends React.Component<any, any> {
 
   render() {
     return (
-      <Container fluid>
-        <Menu secondary vertical fluid>
-          <Menu.Item name='Home' />
+      <Container fluid inverted>
+        <Segment inverted>
+          <Menu inverted secondary vertical fluid icon='labeled'>
 
-          <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>
+            <Menu.Item name='User'  >
+              <Icon name='user' />
+            </Menu.Item>
+            <Menu.Item name='Home'  >
+              <Icon name='home' />
+              Home
+            </Menu.Item>
+            <Menu.Item name='Monitoring' >
+              <Icon name='bar graph' />
+              <Dropdown item text='Monitoring' >
+                <Dropdown.Menu>
+                  <Dropdown.Header>Monitoring</Dropdown.Header>
+                  <Dropdown.Item>Probe</Dropdown.Item>
+                  <Dropdown.Item>Sensors</Dropdown.Item>
+                </Dropdown.Menu>
+              </Dropdown>
+            </Menu.Item>
 
-          <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='Infrastructure' >
+              <Icon name='sitemap' />
+              <Dropdown item text='Infrastructure' >
 
-          <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>
+
+                <Dropdown.Menu>
+                  <Dropdown.Header>Infrastructure</Dropdown.Header>
+                  <Dropdown.Item>Maps</Dropdown.Item>
+                  <Dropdown.Item>Targets</Dropdown.Item>
+                </Dropdown.Menu>
+              </Dropdown>
+            </Menu.Item>
+
+            <Menu.Item name='Dashboard' >
+              <Icon name='industry' />
+              Dashboard
+            </Menu.Item>
+
+            <Menu.Item name='Metrics' >
+              <Icon name='tasks' />
+              Metrics
+            </Menu.Item>
+
+            <Menu.Item name='Alerts' >
+              <Icon name='alarm' />
+              Alerts
+            </Menu.Item>
+
+            <Menu.Item name='History' >
+              <Icon name='book' />
+              History
+            </Menu.Item>
+
+
+            <Menu.Item>
+              <Icon name='play circle' />
+              <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>
+            <Menu.Item name='Settings' >
+              <Icon name='setting' />
+              Settings
+            </Menu.Item>
+
+          </Menu>
+        </Segment>
       </Container>
       // <TopBar onSidebar={this.props.onSidebar}/>
     );