PLP complete - store updated, Cart partial complete and gh pages backup
This commit is contained in:
33
src/app/components/molecules/ItemPrice/ItemPrice.jsx
Normal file
33
src/app/components/molecules/ItemPrice/ItemPrice.jsx
Normal file
@@ -0,0 +1,33 @@
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import './ItemPrice.component.scss';
|
||||
|
||||
const ItemPrice = ({product}) => {
|
||||
|
||||
const hasDiscount = !!product.discount && product.discount !== 0
|
||||
|
||||
return (
|
||||
<div className='c-ItemPrice'>
|
||||
{product.discountedPrice && <span className="c-Plp__c-ProductContainer__c-ProductTile__price">₹{product.discountedPrice}</span>}
|
||||
{
|
||||
hasDiscount &&
|
||||
(
|
||||
<React.Fragment>
|
||||
<span className="c-ItemPrice__price--strikethrough"> {product.price}</span>
|
||||
<span className="c-ItemPrice__discount">{product.discount}% off</span>
|
||||
</React.Fragment>
|
||||
)
|
||||
}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
ItemPrice.defaultProps = {
|
||||
product: PropTypes.object
|
||||
};
|
||||
|
||||
ItemPrice.propTypes = {
|
||||
|
||||
};
|
||||
|
||||
export default ItemPrice;
|
||||
Reference in New Issue
Block a user