rearranged css

src/components/entercode/index.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import {observer, inject} from 'mobx-react';
+import {Route} from 'react-router-dom';
+import EnterTheCode from './EnterTheCode';
+
+@inject((stores, props, context) => props) @observer
+export default class Home extends React.Component {
+
+  render() {
+    <div>
+      <Routing {...this.props} />
+    </div>
+  }
+
+}
+
+function Routing(props) {
+  const match = props.match;
+
+  return (
+    <div>
+      <Route exact path={match.url} component={EnterTheCode} />
+      <Route path={`${match.url}/PackSimulator`} component={PackSimulator} />
+    </div>
+  );
+}

src/components/index.js

@@ -6,7 +6,7 @@ import s from '../styles/app.style';
 
 /* Components */
 import {PageNotFound, UnderConstruction} from './Snippets';
-import EnterTheCode from './account/EnterTheCode';
+import EnterTheCode from './entercode/index';
 import Collection from './collection/index';
 import Portal from './portal/index';
 import Home from './Home';