intermidiate save

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

@@ -2,6 +2,11 @@ import React, { PropTypes } from 'react';
 import { Thumbnail, Panel, Well } from 'react-bootstrap';
 import moment from 'moment';
 
+const thumbnailStyle = {
+  backgroundColor: 'white',
+  maxHeight: '100px',
+  maxWidth: '100px'
+};
 export default React.createClass({
   displayName: 'ShowJob',
   propTypes: {
@@ -22,28 +27,33 @@ export default React.createClass({
   },
 
   render() {
-    const { job } = this.props.job;
+    const { job } = this.props;
+    const {
+      logo,
+      position,
+      city,
+      state,
+      email,
+      phone,
+      postedOn,
+      description
+    } = job;
 
     return (
-      <Panel
+      <Well>
-        collapsible={ true }
+        <Thumbnail
-        header={ this.renderHeader() }
+          alt='200x200' src={ logo }
-        key={ id }>
+          style={ thumbnailStyle } />
-        <Well>
+        <Panel>
-          <Thumbnail
+          Position: { position }
-            alt='200x200' src={ logo }
+          Location: { city }, { state }
-            style={ thumbnailStyle } />
+          <br />
-          <Panel>
+          Contact: { email || phone || 'N/A' }
-            Position: { position }
+          <br />
-            Location: { city }, { state }
+          Posted On: { moment(postedOn).format('MMMM Do, YYYY') }
-            <br />
+        </Panel>
-            Contact: { email || phone || 'N/A' }
+        <p>{ description }</p>
-            <br />
+      </Well>
-            Posted On: { moment(postedOn).format('MMMM Do, YYYY') }
-          </Panel>
-          <p>{ description }</p>
-        </Well>
-      </Panel>
     );
   }
 });