src: Adapt to insights-chrome 2.0

src/App.scss

@@ -1,3 +1,3 @@
 // Importing Global Variables
-@import "~@redhat-cloud-services/frontend-components-utilities/files/Utilities/_all";
+@import "~@redhat-cloud-services/frontend-components-utilities/styles/_all";
 @import "~@redhat-cloud-services/frontend-components/index.css";

src/AppEntry.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { BrowserRouter as Router } from 'react-router-dom';
+import { Provider } from 'react-redux';
+import { init } from './store';
+import App from './App';
+
+import { getBaseName } from '@redhat-cloud-services/frontend-components-utilities/helpers';
+// import getBaseName from './Utilities/getBaseName';
+
+const ImageBuilder = ({ logger }) => (
+    <Provider store={ init({}, logger).getStore() }>
+        <Router basename={ getBaseName(window.location.pathname) }>
+            <App />
+        </Router>
+    </Provider>
+);
+
+ImageBuilder.propTypes = {
+    logger: PropTypes.any
+};
+
+export default ImageBuilder;

src/Components/CreateImageWizard/CreateImageWizard.js

@@ -293,6 +293,7 @@ class CreateImageWizard extends Component {
         return (
             <React.Fragment>
                 <Wizard
+                    className="image-builder"
                     title={ 'Create image' }
                     description={ <>
                         Create a RHEL image and push it to cloud providers.

src/Routes.js

@@ -19,8 +19,8 @@ InsightsRoute.propTypes = {
 export const Routes = () => {
     return (
         <Switch>
-            <InsightsRoute exact path='/landing' component={ LandingPage } rootClass='landingpage' />
-            <InsightsRoute exact path='/imagewizard' component={ CreateImageWizard } rootClass='imagewizard' />
+            <InsightsRoute exact path='/landing' component={ LandingPage } />
+            <InsightsRoute exact path='/imagewizard' component={ CreateImageWizard } />
             <Redirect to='/landing' />
         </Switch>
     );

src/Utilities.scss

@@ -1,3 +0,0 @@
-// Sass Imports
-
-@import "~@redhat-cloud-services/frontend-components-utilities/files/Utilities/_all";

src/bootstrap-dev.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import logger from 'redux-logger';
+import ImageBuilder from './AppEntry';
+
+ReactDOM.render(<ImageBuilder logger={ logger } />, document.getElementById('root'));

src/bootstrap.js

@@ -0,0 +1,5 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import ImageBuilder from './AppEntry';
+
+ReactDOM.render(<ImageBuilder />, document.getElementById('root'));

src/entry-dev.js

@@ -1,18 +1 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { Provider } from 'react-redux';
-import { init } from './store';
-import App from './App';
-import logger from 'redux-logger';
-import getBaseName from './Utilities/getBaseName';
-
-ReactDOM.render(
-    <Provider store={ init({}, logger).getStore() }>
-        <Router basename={ getBaseName(window.location.pathname) }>
-            <App />
-        </Router>
-    </Provider>,
-
-    document.getElementById('root')
-);
+import('./bootstrap-dev');

src/entry.js

@@ -1,17 +1 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { Provider } from 'react-redux';
-import { init } from './store';
-import App from './App';
-import getBaseName from './Utilities/getBaseName';
-
-ReactDOM.render(
-    <Provider store={ init().getStore() }>
-        <Router basename={ getBaseName(window.location.pathname) }>
-            <App />
-        </Router>
-    </Provider>,
-
-    document.getElementById('root')
-);
+import('./bootstrap');

src/store/index.js

@@ -1,4 +1,4 @@
-import ReducerRegistry from '@redhat-cloud-services/frontend-components-utilities/files/ReducerRegistry';
+import { ReducerRegistry } from '@redhat-cloud-services/frontend-components-utilities/ReducerRegistry';
 import promiseMiddleware from 'redux-promise-middleware';
 import thunk from 'redux-thunk';
 import { notificationsReducer } from '@redhat-cloud-services/frontend-components-notifications/redux';