2018-07-09 15:46:31 +00:00
|
|
|
/** @format */
|
|
|
|
/**
|
|
|
|
* External dependencies
|
|
|
|
*/
|
|
|
|
import { __ } from '@wordpress/i18n';
|
2018-07-20 18:24:39 +00:00
|
|
|
import { Component, Fragment } from '@wordpress/element';
|
2018-07-09 15:46:31 +00:00
|
|
|
|
|
|
|
/**
|
|
|
|
* Internal dependencies
|
|
|
|
*/
|
2018-07-16 18:37:25 +00:00
|
|
|
import ActivityHeader from '../activity-header';
|
2018-07-20 18:24:39 +00:00
|
|
|
import ProductImage from 'components/product-image';
|
2018-07-23 13:19:24 +00:00
|
|
|
import { ProductRating, ReviewRating, Rating } from 'components/rating';
|
2018-07-09 15:46:31 +00:00
|
|
|
|
|
|
|
class ReviewsPanel extends Component {
|
|
|
|
render() {
|
2018-07-20 18:24:39 +00:00
|
|
|
return (
|
|
|
|
<Fragment>
|
|
|
|
<ActivityHeader title={ __( 'Reviews', 'wc-admin' ) } />
|
|
|
|
<ProductImage product={ null } />
|
|
|
|
<ProductImage product={ { images: [] } } />
|
|
|
|
<ProductImage
|
|
|
|
product={ {
|
|
|
|
images: [
|
|
|
|
{
|
|
|
|
src: 'https://i.cloudup.com/pt4DjwRB84-3000x3000.png',
|
|
|
|
},
|
|
|
|
],
|
|
|
|
} }
|
|
|
|
/>
|
2018-07-23 13:19:24 +00:00
|
|
|
<div>
|
|
|
|
Rating: <Rating rating={ 4 } totalStars={ 5 } />
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
Rating: <Rating rating={ 2.5 } totalStars={ 6 } />
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
ProductRating:{' '}
|
|
|
|
<ProductRating
|
|
|
|
product={ {
|
|
|
|
average_rating: 2.5,
|
|
|
|
} }
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
ProductRating:{' '}
|
|
|
|
<ProductRating
|
|
|
|
product={ {
|
|
|
|
average_rating: 4,
|
|
|
|
} }
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
ReviewRating:{' '}
|
|
|
|
<ReviewRating
|
|
|
|
review={ {
|
|
|
|
rating: 4,
|
|
|
|
} }
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
ReviewRating:{' '}
|
|
|
|
<ReviewRating
|
|
|
|
review={ {
|
|
|
|
rating: 1.5,
|
|
|
|
} }
|
|
|
|
/>
|
|
|
|
</div>
|
2018-07-20 18:24:39 +00:00
|
|
|
</Fragment>
|
|
|
|
);
|
2018-07-09 15:46:31 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
export default ReviewsPanel;
|