From 1f33fa7d2f0fb7dd7def5d17ed9685b236fd431f Mon Sep 17 00:00:00 2001
From: snoop <snoop@loafle.com>
Date: Mon, 24 Jul 2017 17:41:40 +0900
Subject: [PATCH] added sensor detail

---
 .../app/views/layout/SensorDetailLayout.tsx   |  7 +++--
 .../app/views/monitoring/sensor/Detail.tsx    | 30 +++++++++++++++++++
 2 files changed, 34 insertions(+), 3 deletions(-)
 create mode 100644 src/ts/@overflow/app/views/monitoring/sensor/Detail.tsx

diff --git a/src/ts/@overflow/app/views/layout/SensorDetailLayout.tsx b/src/ts/@overflow/app/views/layout/SensorDetailLayout.tsx
index 53c1f5c..7396f0e 100644
--- a/src/ts/@overflow/app/views/layout/SensorDetailLayout.tsx
+++ b/src/ts/@overflow/app/views/layout/SensorDetailLayout.tsx
@@ -6,6 +6,7 @@ import { Footer } from './Footer';
 import { TitleBar } from './TitleBar';
 import LeftMenu from './LeftMenu';
 import SensorSetup from '../monitoring/sensor/Setup';
+import SensorDetail from '../monitoring/sensor/Detail';
 
 export interface Props extends RouteComponentProps<any> {
 }
@@ -37,9 +38,9 @@ class SensorDetailLayout extends React.Component<Props, State> {
           <Header />
           <TitleBar title='Probe Details' sub={sub} />
           <Switch>
-            {/*<Route path={`${this.props.match.url}/:id/`} component={SignIn}/>
-          <Route path={`${this.props.match.url}/:id/info/`} component={SignUp}/>
-          <Route path={`${this.props.match.url}/:id/history/`} component={EmailConfirm}/>*/}
+            <Route path={`${this.props.match.url}/:id/`} component={SensorDetail}/>
+          <Route path={`${this.props.match.url}/:id/info/`} component={SensorDetail}/>
+          {/*<Route path={`${this.props.match.url}/:id/history/`} component={EmailConfirm}/>*/}
            <Route path={`${this.props.match.url}/setup/`} component={SensorSetup} />
           </Switch>
           <Footer />
diff --git a/src/ts/@overflow/app/views/monitoring/sensor/Detail.tsx b/src/ts/@overflow/app/views/monitoring/sensor/Detail.tsx
new file mode 100644
index 0000000..1d81918
--- /dev/null
+++ b/src/ts/@overflow/app/views/monitoring/sensor/Detail.tsx
@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { RouteComponentProps } from 'react-router';
+import SensorDetailContainer from '@overflow/sensor/react/SensorDetail';
+import WebSocketRPC from '@overflow/commons/websocket/WebSocketRPC';
+import AppContext from '@overflow/commons/context';
+import inject from '@overflow/commons/context/decorator/inject';
+
+class SensorDetail extends React.Component<RouteComponentProps<object>, object> {
+  @inject()
+  private client: WebSocketRPC;
+
+  public constructor(props?: RouteComponentProps<object>, context?: object) {
+    super(props, context);
+
+    let con = AppContext.get<WebSocketRPC>();
+  }
+
+  public render(): JSX.Element {
+    return (
+        <SensorDetailContainer />
+    );
+  }
+
+  private test(@inject() c: WebSocketRPC): void {
+    console.log('');
+  }
+}
+
+
+export default SensorDetail;