From 4497f31f99f2e839e3290a6b80d79fb482f5eb75 Mon Sep 17 00:00:00 2001
From: insanity <insanity@loafle.com>
Date: Wed, 26 Jul 2017 11:50:12 +0900
Subject: [PATCH] probe setup

---
 .../@overflow/app/views/layout/AppLayout.tsx  |  2 ++
 .../@overflow/app/views/layout/LeftMenu.tsx   | 19 ++++++++++++++-----
 .../probe/react/components/ProbeList.tsx      |  2 +-
 3 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/ts/@overflow/app/views/layout/AppLayout.tsx b/src/ts/@overflow/app/views/layout/AppLayout.tsx
index 0c27bb8..0c50961 100644
--- a/src/ts/@overflow/app/views/layout/AppLayout.tsx
+++ b/src/ts/@overflow/app/views/layout/AppLayout.tsx
@@ -10,6 +10,7 @@ import ProbeList from '../../views/monitoring/probe/List';
 import TargetList from '../../views/infrastructure/target/List';
 import SensorList from '../monitoring/sensor/List';
 import NoauthList from '../../views/monitoring/probe/NoAuth';
+import ProbeSetup from '../../views/monitoring/probe/Setup';
 import TitleBarContainer from '@overflow/app/views/layout/TitleBarContainer';
 
 export interface Props extends RouteComponentProps<any> {
@@ -39,6 +40,7 @@ export class AppLayout extends React.Component<Props, State> {
               <Route exact={true} path={`${this.props.match.url}targets`} component={TargetList}/>
               <Route exact={true} path={`${this.props.match.url}sensors`} component={SensorList}/>
               <Route exact={true} path={`${this.props.match.url}noauth_probes`} component={NoauthList}/>
+              <Route exact={true} path={`${this.props.match.url}probe_setup`} component={ProbeSetup}/>
               <Redirect to='/error/404' />
             </Switch>
           <Footer />
diff --git a/src/ts/@overflow/app/views/layout/LeftMenu.tsx b/src/ts/@overflow/app/views/layout/LeftMenu.tsx
index 4866abf..8c0dfd3 100644
--- a/src/ts/@overflow/app/views/layout/LeftMenu.tsx
+++ b/src/ts/@overflow/app/views/layout/LeftMenu.tsx
@@ -51,9 +51,18 @@ class LeftMenu extends React.Component<Props, State> {
             <Header inverted sub icon='bar graph' content='Monitoring' />
           </Menu.Header>
           <Menu.Menu>
-            <Menu.Item onClick={(e) => this.props.onChangeUrl('/probes')} style={{ 'marginLeft': '30px' }}>Probe</Menu.Item>
-            <Menu.Item onClick={(e) => this.props.onChangeUrl('/noauth_probes')} style={{ 'marginLeft': '30px' }}>NoauthProbe</Menu.Item>
-            <Menu.Item href='#/' style={{ 'marginLeft': '30px' }}>Sensors</Menu.Item>
+            <Menu.Item onClick={(e) => this.props.onChangeUrl('/probes')} style={{ 'marginLeft': '30px' }}>
+              Probe
+            </Menu.Item>
+            <Menu.Item onClick={(e) => this.props.onChangeUrl('/noauth_probes')} style={{ 'marginLeft': '30px' }}>
+              NoauthProbe
+            </Menu.Item>
+            <Menu.Item onClick={(e) => this.props.onChangeUrl('/probe_setup')} style={{ 'marginLeft': '30px' }}>
+              Probe Setup
+            </Menu.Item>
+            <Menu.Item href='#/' style={{ 'marginLeft': '30px' }}>
+              Sensors
+            </Menu.Item>
           </Menu.Menu>
         </Menu.Item>
 
@@ -63,7 +72,7 @@ class LeftMenu extends React.Component<Props, State> {
           </Menu.Header>
           <Menu.Menu>
             <Menu.Item href='#/' style={{ 'marginLeft': '30px' }}>Maps</Menu.Item>
-            <Menu.Item onClick={(e) => this.props.onChangeUrl('/targets')}  style={{ 'marginLeft': '30px' }}>Targets</Menu.Item>
+            <Menu.Item onClick={(e) => this.props.onChangeUrl('/targets')} style={{ 'marginLeft': '30px' }}>Targets</Menu.Item>
           </Menu.Menu>
         </Menu.Item>
 
@@ -75,7 +84,7 @@ class LeftMenu extends React.Component<Props, State> {
           <Header inverted sub icon='tasks' content='Metrics' />
         </Menu.Item>
 
-        <Menu.Item name='Alerts'  onClick={(e) => this.props.onChangeUrl('/temp/discovery')}>
+        <Menu.Item name='Alerts' onClick={(e) => this.props.onChangeUrl('/temp/discovery')}>
           <Header inverted sub icon='alarm' content='Alerts' />
         </Menu.Item>
 
diff --git a/src/ts/@overflow/probe/react/components/ProbeList.tsx b/src/ts/@overflow/probe/react/components/ProbeList.tsx
index 0b6990c..3137d9c 100644
--- a/src/ts/@overflow/probe/react/components/ProbeList.tsx
+++ b/src/ts/@overflow/probe/react/components/ProbeList.tsx
@@ -131,7 +131,7 @@ export class ProbeList extends React.Component<Props, State> {
   public render(): JSX.Element {
     let probeList =
       <Container fluid>
-        <Table selectable striped>
+        <Table selectable striped celled>
           <Table.Header>
             <Table.Row>
               <Table.HeaderCell textAlign={'center'}>Name</Table.HeaderCell>