show preview from new job

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

@@ -1,13 +1,5 @@
-import React, { PropTypes } from 'react';
 import { contain } from 'thundercats-react';
-import { Row, Thumbnail, Panel, Well } from 'react-bootstrap';
-import moment from 'moment';
-
-const thumbnailStyle = {
-  backgroundColor: 'white',
-  maxHeight: '100px',
-  maxWidth: '100px'
-};
+import ShowJob from './ShowJob.jsx';
 
 export default contain(
   {
@@ -28,61 +20,5 @@ export default contain(
       return job.id !== id;
     }
   },
-  React.createClass({
-    displayName: 'ShowJob',
-    propTypes: {
-      job: PropTypes.object,
-      params: 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;
-      const {
-        logo,
-        position,
-        city,
-        company,
-        state,
-        email,
-        phone,
-        postedOn,
-        description
-      } = job;
-
-      return (
-        <div>
-          <Row>
-            <Well>
-              <Thumbnail
-                alt={ company + 'company logo' }
-                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>
-          </Row>
-        </div>
-      );
-    }
-  })
+  ShowJob
 );