More modular approach

[clamp.git] / ui-react / src / OnapClamp.js

diff --git a/ui-react/src/Clamp.js b/ui-react/src/OnapClamp.js
similarity index 77%
rename from ui-react/src/Clamp.js
rename to ui-react/src/OnapClamp.js
index 38634b3..bdcea62 100644 (file)
--- a/ui-react/src/Clamp.js
+++ b/ui-react/src/OnapClamp.js
@@ -22,19 +22,18 @@
  */
 
 import React from 'react';
-import ClampHeader from './ClampHeader';
-import ClosedLoopView from './ClosedLoopView';
+import LoopUI from './components/app/LoopUI'
+import { ThemeProvider } from 'styled-components';
+import { DefaultClampTheme } from './theme/globalStyle.js';
 
-
-class Clamp extends React.Component {
+export default class OnapClamp extends LoopUI {
+       
        render() {
+               console.log("Onap Clamp UI starting");
                return (
-                       <div>
-                               <ClampHeader />
-                               <ClosedLoopView />
-                       </div>
-               );
+               <ThemeProvider theme={DefaultClampTheme}>
+                       {super.render()}
+               </ThemeProvider>);
        }
 }
 
-export default Clamp;