Changeset 5024 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/components/plugin/sections/reviews/index.jsx

Timestamp:

03/01/2017 06:08:54 PM (8 years ago)

Author:

obenland

Message:

Plugin Directory: Update React client with latest changes.

This is largely a cleanup commit with some WIP around switching to node-wpapi.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/components/plugin/sections/reviews/index.jsx (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/components/plugin/sections/reviews/index.jsx

@@ -1 @@
-import React from 'react';
+/**
+ * External dependencies.
+ */
+import React, { PropTypes } from 'react';
+import { identity } from 'lodash';
+import { localize } from 'i18n-calypso';
 
-export default React.createClass( {
-    displayName: 'Reviews',
+export const Reviews = ( { content, numberFormat, numRatings, slug, translate } ) => {
+    if ( ! numRatings ) {
+        return null;
+    }
 
-    render() {
-        return (
-            <div>
-                <div id="reviews" className="read-more">
-                    <div className="plugin-reviews">
-                        <h2>Reviews</h2>
-                        <div dangerouslySetInnerHTML={ { __html: this.props.content } } />
-                    </div>
+    return (
+        <div>
+            <div id="reviews" className="section">
+                <div className="plugin-reviews">
+                    <h2>{ translate( 'Reviews' ) }</h2>
+                    <div dangerouslySetInnerHTML={ { __html: content } }/>
                 </div>
-                <a className="reviews-link" href={ `https://wordpress.org/support/plugin/${ this.props.slug }/reviews/` } aria-expanded="false">Read all { this.props.numRatings } reviews</a>
             </div>
-        )
-    }
-} );
+            <a
+                className="reviews-link"
+                href={ `https://wordpress.org/support/plugin/${ slug }/reviews/` }
+                aria-expanded="false"
+            >
+                { translate( 'Read all %(numRatings)s reviews', {
+                    args: { numRatings: numberFormat( numRatings ) },
+                } ) }
+            </a>
+        </div>
+    );
+};
+
+Reviews.propTypes = {
+    content: PropTypes.string,
+    numberFormat: PropTypes.func,
+    numRatings: PropTypes.number.isRequired,
+    slug: PropTypes.string.isRequired,
+    translate: PropTypes.func,
+};
+
+Reviews.defaultProps = {
+    content: null,
+    numberFormat: identity,
+    translate: identity,
+};
+
+export default localize( Reviews );