mid stage save

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

@@ -0,0 +1,49 @@
+import React, { PropTypes } from 'react';
+import { Thumbnail, Panel, Well } from 'react-bootstrap';
+import moment from 'moment';
+
+export default React.createClass({
+  displayName: 'ShowJob',
+  propTypes: {
+    job: PropTypes.object
+  },
+
+  renderHeader({ company, position }) {
+    return (
+      <div>
+        <h4 style={{ display: 'inline-block' }}>{ company }</h4>
+        <h5
+          className='pull-right hidden-xs hidden-md'
+          style={{ display: 'inline-block' }}>
+          { position }
+        </h5>
+      </div>
+    );
+  },
+
+  render() {
+    const { job } = this.props.job;
+
+    return (
+      <Panel
+        collapsible={ true }
+        header={ this.renderHeader() }
+        key={ id }>
+        <Well>
+          <Thumbnail
+            alt='200x200' src={ logo }
+            style={ thumbnailStyle } />
+          <Panel>
+            Position: { position }
+            Location: { city }, { state }
+            <br />
+            Contact: { email || phone || 'N/A' }
+            <br />
+            Posted On: { moment(postedOn).format('MMMM Do, YYYY') }
+          </Panel>
+          <p>{ description }</p>
+        </Well>
+      </Panel>
+    );
+  }
+});