gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

render highlight cost

Browse Source
This commit is contained in:
Berkeley Martinez
2015-10-25 18:22:26 -07:00
parent bcec5600f7
commit c2bebcb77a
1 changed files with 46 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
common/app/routes/Jobs/components/GoToPayPal.jsx
View File

@ -28,7 +28,47 @@ export default contain(
propTypes: { propTypes: {
id: PropTypes.string, id: PropTypes.string,
isHighlighted: PropTypes.bool, isHighlighted: PropTypes.bool,
buttonId: PropTypes.string buttonId: PropTypes.string,
price: PropTypes.number,
discountAmount: PropTypes.number
},
renderDiscount(discountAmount) {
if (!discountAmount) {
return null;
}
return (
<Row>
<Col
md={ 3 }
mdOffset={ 3 }>
<h4>Discount</h4>
</Col>
<Col
md={ 3 }>
<h4>-{ discountAmount }</h4>
</Col>
</Row>
);
},
renderHighlightPrice(isHighlighted) {
if (!isHighlighted) {
return null;
}
return (
<Row>
<Col
md={ 3 }
mdOffset={ 3 }>
<h4>Highlighting</h4>
</Col>
<Col
md={ 3 }>
<h4>+ 50</h4>
</Col>
</Row>
);
}, },
render() { render() {
@ -68,17 +108,8 @@ export default contain(
<h4>+{ price }</h4> <h4>+{ price }</h4>
</Col> </Col>
</Row> </Row>
<Row> { this.renderDiscount(discountAmount) }
<Col { this.renderHighlightPrice(isHighlighted) }
md={ 3 }
mdOffset={ 3 }>
<h4>Discount</h4>
</Col>
<Col
md={ 6 }>
<h4>-{ discountAmount }</h4>
</Col>
</Row>
<Row> <Row>
<Col <Col
md={ 3 } md={ 3 }
@ -87,7 +118,9 @@ export default contain(
</Col> </Col>
<Col <Col
md={ 6 }> md={ 6 }>
<h4>${ price - discountAmount }</h4> <h4>${
price - discountAmount + (isHighlighted ? 50 : 0)
}</h4>
</Col> </Col>
</Row> </Row>
</Well> </Well>