split jobs routes, add show comp

common/app/routes/Jobs/components/List.jsx

@@ -52,7 +52,8 @@ export default contain(
             key={ id }>
             <Well>
               <Thumbnail
-                alt='200x200' src={ logo }
+                alt={ company + 'company logo' }
+                src={ logo }
                 style={ thumbnailStyle } />
               <Panel>
                 Position: { position }

common/app/routes/Jobs/components/Show.jsx

@@ -1,5 +1,6 @@
 import React, { PropTypes } from 'react';
-import { Thumbnail, Panel, Well } from 'react-bootstrap';
+import { contain } from 'thundercats-react';
+import { Row, Thumbnail, Panel, Well } from 'react-bootstrap';
 import moment from 'moment';
 
 const thumbnailStyle = {
@@ -7,10 +8,20 @@ const thumbnailStyle = {
   maxHeight: '100px',
   maxWidth: '100px'
 };
-export default React.createClass({
+
+export default contain(
+  {
+    store: 'jobsStore',
+    fetchAction: 'jobActions.getJob',
+    getPayload({ params }) {
+      return { id: params.id };
+    }
+  },
+  React.createClass({
     displayName: 'ShowJob',
     propTypes: {
-    job: PropTypes.object
+      job: PropTypes.object,
+      params: PropTypes.object
     },
 
     renderHeader({ company, position }) {
@@ -32,6 +43,7 @@ export default React.createClass({
         logo,
         position,
         city,
+        company,
         state,
         email,
         phone,
@@ -40,9 +52,12 @@ export default React.createClass({
       } = job;
 
       return (
+        <div>
+          <Row>
             <Well>
               <Thumbnail
-          alt='200x200' src={ logo }
+                alt={ company + 'company logo' }
+                src={ logo }
                 style={ thumbnailStyle } />
               <Panel>
                 Position: { position }
@@ -54,6 +69,9 @@ export default React.createClass({
               </Panel>
               <p>{ description }</p>
             </Well>
+          </Row>
+        </div>
       );
     }
-});
+  })
+);

common/app/routes/Jobs/flux/Actions.js

@@ -5,9 +5,7 @@ const debug = debugFactory('freecc:jobs:actions');
 
 export default Actions({
   setJobs: null,
-  getJob(id) {
+  getJob: null,
-    return { id };
-  },
   getJobs(params) {
     return { params };
   }

common/app/routes/Jobs/index.js

@@ -1,14 +1,19 @@
 import Jobs from './components/Jobs.jsx';
+import Show from './components/Show.jsx';
 
 /*
- *  show: /jobs
+ *  index: /jobs list jobs
- *  showOne: /jobs/:id
+ *  show: /jobs/:id show one job
- *  edit /jobs/:id
+ *  create /jobs/new create a new job
- *  delete /jobs/:id
- *  createOne /jobs/new
  */
 
 export default {
+  path: 'jobs',
+  childRoutes: [{
     path: 'jobs',
     component: Jobs
+  }, {
+    path: 'jobs/:id',
+    component: Show
+  }]
 };