Extract RouteWithLayout and Database.

frontend/src/components/Common/RouteWithLayout.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Route } from 'react-router-dom';
+
+const RouteWithLayout = ({ layout, component, ...rest }) => (
+  <Route
+    {...rest}
+    render={props =>
+      React.createElement(layout, props, React.createElement(component, props))
+    }
+  />
+);
+
+export default RouteWithLayout;

frontend/src/components/Common/index.js

@@ -1,2 +1,3 @@
 export { default as Footer } from './Footer';
 export { default as Helmet } from './Helmet';
+export { default as RouteWithLayout } from './RouteWithLayout';

frontend/src/scenes/Database/index.js

@@ -1,2 +1,26 @@
-export { default as Items } from './Items';
-export { default as Item } from './Item';
+import React from 'react';
+import { Switch } from 'react-router-dom';
+
+import { Dashboard } from 'layouts';
+import { RouteWithLayout } from 'components/Common';
+
+import Item from './Item';
+import Items from './Items';
+
+const Database = () => (
+  <Switch>
+    <RouteWithLayout
+      layout={Dashboard}
+      component={Items}
+      exact
+      path="/database/items"
+    />
+    <RouteWithLayout
+      layout={Dashboard}
+      component={Item}
+      path="/database/item/:id"
+    />
+  </Switch>
+);
+
+export default Database;

frontend/src/scenes/Root.js

@@ -6,37 +6,12 @@ import { ConnectedRouter } from 'react-router-redux';
 import { ThemeProvider } from 'styled-components';
 
 import App from 'scenes/App';
-import { Helmet } from 'components/Common';
-import { Item, Items } from 'scenes/Database';
+import Database from 'scenes/Database';
+import { Helmet, RouteWithLayout } from 'components/Common';
 import { Dashboard } from 'layouts';
 import { foundation } from 'helpers/foundation';
 import { history } from 'store';
 
-const RouteWithLayout = ({ layout, component, ...rest }) => (
-  <Route
-    {...rest}
-    render={props =>
-      React.createElement(layout, props, React.createElement(component, props))
-    }
-  />
-);
-
-const Database = () => (
-  <Switch>
-    <RouteWithLayout
-      layout={Dashboard}
-      component={Items}
-      exact
-      path="/database/items"
-    />
-    <RouteWithLayout
-      layout={Dashboard}
-      component={Item}
-      path="/database/item/:id"
-    />
-  </Switch>
-);
-
 const Main = () => (
   <Fragment>
     <Helmet />