Changeset 5024 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/components/plugin/sections/screenshots/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/screenshots/index.jsx (modified) (1 diff)

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

@@ -1 @@
-import React from 'react';
-import values from 'lodash/values';
+/**
+ * External dependencies.
+ */
+import React, { PropTypes } from 'react';
+//import { localize } from 'i18n-calypso';
+import { identity, map } from 'lodash';
 
+/**
+ * Internal dependencies.
+ */
 import ImageGallery from './image-gallery';
 
-export default React.createClass( {
-    displayName: 'Screenshots',
+export const Screenshots = ( { screenshots, translate } ) => {
+    const items = map( screenshots, ( { caption, src } ) => ( {
+        original: src,
+        originalAlt: '',
+        thumbnail: src + '&width=100',
+        thumbnailAlt: caption || '',
+        description: caption || false,
+    } ) );
 
-    render() {
-        const items = values( this.props.screenshots ).map( ( { caption, src } ) => ( {
-            original: src,
-            originalAlt: '',
-            thumbnail: src + '&width=100',
-            thumbnailAlt: caption || '',
-            description: caption || false,
-        } ) );
-
-        if ( ! items ) {
-            return;
-        }
-
+    if ( items ) {
         return (
             <div id="screenshots" className="plugin-screenshots">
-                <h2>Screenshots</h2>
+                <h2>{ translate( 'Screenshots' ) }</h2>
                 <ImageGallery items={ items } />
             </div>
-        )
+        );
     }
-} );
+
+    return null;
+};
+
+Screenshots.propTypes = {
+    screenshots: PropTypes.arrayOf( PropTypes.object ),
+    translate: PropTypes.func,
+};
+
+Screenshots.defaultProps = {
+    screenshots: [],
+    translate: identity,
+};
+
+//export default localize( Screenshots );
+export default Screenshots;