[IMP] pages rendering

src/components/App.js

@@ -1,15 +1,10 @@
 import React, { Component } from 'react'
 import { MuiThemeProvider, createMuiTheme } from 'material-ui/styles'
-import { BrowserRouter as Router, Route } from 'react-router-dom'
 import Reboot from 'material-ui/Reboot'
-import routes from '../routes'
+import { BrowserRouter as Router } from 'react-router-dom'
+import Routes from '../components/common/Routes'
 
 class App extends Component {
-    componentDidCatch(error, info) {
-        console.log(error)
-        console.log(info)
-    }
-
     render() {
         const theme = createMuiTheme({
             html: {
@@ -29,11 +24,7 @@ class App extends Component {
             <MuiThemeProvider theme={theme}>
                 <Reboot />
                 <Router>
-                    <div>
-                        {routes.map((route, index) =>
-                            <Route key={index} path={route.path} component={route.component} />
-                        )}
-                    </div>
+                    <Routes />
                 </Router>
             </MuiThemeProvider>
         )

src/components/common/Routes.js

@@ -0,0 +1,17 @@
+import React, { Component } from 'react'
+import { Route } from 'react-router-dom'
+import routes from '../../routes'
+
+class Routes extends Component {
+    render() {
+        return (
+            <div>
+                {routes.map((route, index) =>
+                    <Route key={index} path={route.path} render={() => <route.component title={route.title} />} />
+                )}
+            </div>
+        )
+    }
+}
+
+export default Routes

src/components/pages/401.js

@@ -4,7 +4,7 @@ import Base from '../common/Base'
 class Page401 extends Component {
     render() {
         return (
-            <Base title='Recurso no autorizado'></Base>
+            <Base title={this.props.title}></Base>
         )
     }
 }

src/components/pages/404.js

@@ -4,7 +4,7 @@ import Base from '../common/Base'
 class Page404 extends Component {
     render() {
         return (
-            <Base title='Recurso no encontrado'></Base>
+            <Base title={this.props.title}></Base>
         )
     }
 }

src/components/pages/About.js

@@ -4,7 +4,7 @@ import Base from '../common/Base'
 class About extends Component {
     render() {
         return (
-            <Base title='Acerca de'></Base>
+            <Base title={this.props.title}></Base>
         )
     }
 }

src/components/pages/ContainersList.js

@@ -5,7 +5,7 @@ import ContainersTable from '../tables/ContainersTable'
 class ContainerList extends Component {
     render() {
         return (
-            <Base title="Contenedores">
+            <Base title={this.props.title}>
                 <ContainersTable />
             </Base>
         )

src/components/pages/Dashboard.js

@@ -4,7 +4,7 @@ import Base from '../common/Base'
 class Dashboard extends Component {
     render() {
         return (
-            <Base title="Dashboard">
+            <Base title={this.props.title}>
                 
             </Base>
         )

src/components/pages/MyTasksList.js

@@ -4,7 +4,7 @@ import Base from '../common/Base'
 class MyTasksList extends Component {
     render() {
         return (
-            <Base title='Mis tareas'></Base>
+            <Base title={this.props.title}></Base>
         )
     }
 }

src/components/pages/PermissionsList.js

@@ -4,7 +4,7 @@ import Base from '../common/Base'
 class PermissionsList extends Component {
     render() {
         return (
-            <Base title='Permisos'></Base>
+            <Base title={this.props.title}></Base>
         )
     }
 }

src/components/pages/TasksList.js

@@ -4,7 +4,7 @@ import Base from '../common/Base'
 class TasksList extends Component {
     render() {
         return (
-            <Base title='Tareas automatizadas'></Base>
+            <Base title={this.props.title}></Base>
         )
     }
 }

src/components/pages/UsersList.js

@@ -4,7 +4,7 @@ import Base from '../common/Base'
 class UsersList extends Component {
     render() {
         return (
-            <Base title='Usuarios'></Base>
+            <Base title={this.props.title}></Base>
         )
     }
 }