link job in list to show job view
This commit is contained in:
@ -1,4 +1,5 @@
|
|||||||
import React, { PropTypes } from 'react';
|
import React, { PropTypes } from 'react';
|
||||||
|
import { Link } from 'react-router';
|
||||||
import { PanelGroup, Thumbnail, Panel, Well } from 'react-bootstrap';
|
import { PanelGroup, Thumbnail, Panel, Well } from 'react-bootstrap';
|
||||||
import moment from 'moment';
|
import moment from 'moment';
|
||||||
|
|
||||||
@ -46,21 +47,23 @@ export default React.createClass({
|
|||||||
eventKey={ index }
|
eventKey={ index }
|
||||||
header={ header }
|
header={ header }
|
||||||
key={ id }>
|
key={ id }>
|
||||||
<Well>
|
<Link to={ `/jobs/${id}` }>
|
||||||
<Thumbnail
|
<Well>
|
||||||
alt={ company + 'company logo' }
|
<Thumbnail
|
||||||
src={ logo }
|
alt={ company + 'company logo' }
|
||||||
style={ thumbnailStyle } />
|
src={ logo }
|
||||||
<Panel>
|
style={ thumbnailStyle } />
|
||||||
Position: { position }
|
<Panel>
|
||||||
Location: { city }, { state }
|
Position: { position }
|
||||||
<br />
|
Location: { city }, { state }
|
||||||
Contact: { email || phone || 'N/A' }
|
<br />
|
||||||
<br />
|
Contact: { email || phone || 'N/A' }
|
||||||
Posted On: { moment(postedOn).format('MMMM Do, YYYY') }
|
<br />
|
||||||
</Panel>
|
Posted On: { moment(postedOn).format('MMMM Do, YYYY') }
|
||||||
<p>{ description }</p>
|
</Panel>
|
||||||
</Well>
|
<p>{ description }</p>
|
||||||
|
</Well>
|
||||||
|
</Link>
|
||||||
</Panel>
|
</Panel>
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
Reference in New Issue
Block a user