add routing based on react-router

web-pal · Feb 12, 2019 · 3382409 · 3382409
1 parent 75fd718
commit 3382409
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 6 deletions.
diff --git a/web/src/containers/Base/Base.jsx b/web/src/containers/Base/Base.jsx
@@ -12,7 +12,7 @@ import ProductsTableContainer from 'web-containers/ProductsTableContainer';
 
 import {
   Route, Router, Switch,
-} from 'react-router'
+} from 'react-router';
 
 import createHistory from 'history/createBrowserHistory';
 import HomeComponent from 'web-components/HomeComponent';
@@ -26,9 +26,19 @@ const Base: StatelessFunctionalComponent<*> = (): Node => (
   <div>
     <Router history={browserHistory}>
       <Switch>
-        <Route path="/" component={HomeComponent} exact />
-        <Route path="/products" render={() => <ProductsTableContainer browserHistory={browserHistory} />} />
-        <Route path="/generator" render={() => <ExampleContainer browserHistory={browserHistory} />} />
+        <Route
+          path="/"
+          component={HomeComponent}
+          exact
+        />
+        <Route
+          path="/products"
+          render={() => <ProductsTableContainer browserHistory={browserHistory} />}
+        />
+        <Route
+          path="/generator"
+          render={() => <ExampleContainer browserHistory={browserHistory} />}
+        />
         <Route component={ErrorComponent} />
       </Switch>
     </Router>

diff --git a/web/src/containers/ExampleContainer/ExampleContainer.jsx b/web/src/containers/ExampleContainer/ExampleContainer.jsx
@@ -31,7 +31,12 @@ const ExampleContainer = ({ randomString, dispatch, browserHistory }: Props) =>
       )
     }
     />
-    <button type="button" onClick={() => browserHistory.goBack()}>Go back</button>
+    <button
+      type="button"
+      onClick={() => browserHistory.goBack()}
+    >
+      Go back
+    </button>
   </div>
 );
 

diff --git a/web/src/containers/ProductsTableContainer/ProductsTableContainer.jsx b/web/src/containers/ProductsTableContainer/ProductsTableContainer.jsx
@@ -45,7 +45,12 @@ const ProductsTableContainer = ({ dataSource, browserHistory }: Props) => (
       dataSource={dataSource}
       columns={columns}
     />
-    <button type="button" onClick={() => browserHistory.goBack()}>Go back</button>
+    <button
+      type="button"
+      onClick={() => browserHistory.goBack()}
+    >
+      Go back
+    </button>
   </div>
 
 );