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

Timestamp:

03/01/2017 06:08:54 PM (9 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/developers/index.jsx (modified) (1 diff)

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

@@ -1 @@
-import React from 'react';
+/**
+ * External dependencies.
+ */
+import React, { PropTypes } from 'react';
+import { connect } from 'react-redux';
+import { identity } from 'lodash';
+import { localize } from 'i18n-calypso';
 
+/**
+ * Internal dependencies.
+ */
 import DeveloperList from './list';
+import { getPlugin } from 'state/selectors';
 
-export default React.createClass( {
-        displayName: 'Developers',
+export const Developers = ( { plugin, translate } ) => (
+        <div>
+                <div id="developers" className="section read-more plugin-developers">
+                        <h2>{ translate( 'Contributors & Developers' ) }</h2>
+                        <p>
+                                { translate( 'This is open source software. The following people have contributed to this plugin.' ) }
+                        </p>
+                        <DeveloperList contributors={ plugin.contributors } />
 
-        render() {
-                return (
-                        <div>
-                                <div id="developers" className="read-more">
-                                        <h2>Contributors & Developers</h2>
-                                        <p>This is open source software. The following people have contributed to this plugin.</p>
-                                        <DeveloperList contributors={ this.props.contributors } />
+                        <h5>{ translate( 'Interested in development?' ) }</h5>
+                        <p>
+                                {
+                                        /* eslint-disable max-len */
+                                        translate( '{{code}}Browse the code{{/code}} or subscribe to the {{log}}development log{{/log}} by {{rss}}RSS{{/rss}}.', {
+                                                components: {
+                                                        code: <a href={ `https://plugins.svn.wordpress.org/${ plugin.slug }/` } rel="nofollow" />,
+                                                        log: <a href={ `https://plugins.trac.wordpress.org/log/${ plugin.slug }/` } rel="nofollow" />,
+                                                        rss: <a href={ `https://plugins.trac.wordpress.org/log/${ plugin.slug }/?limit=100&mode=stop_on_copy&format=rss` } rel="nofollow" />,
+                                                },
+                                        } )
+                                        /* eslint-enable max-len */
+                                }
+                        </p>
+                </div>
+                <button type="button" className="button-link section-toggle" aria-controls="developers" aria-expanded="false">
+                        { translate( 'Read more' ) }
+                </button>
+        </div>
+);
 
-                                        <h5>Interested in development?</h5>
-                                        <p><a href={ `https://plugins.svn.wordpress.org/${ this.props.slug }/` } rel="nofollow">Browse the code</a> or subscribe to the <a href={ `https://plugins.trac.wordpress.org/log/${ this.props.slug }/` } rel="nofollow">development log</a> by <a href={ `https://plugins.trac.wordpress.org/log/${ this.props.slug }/?limit=100&mode=stop_on_copy&format=rss` } rel="nofollow">RSS</a>.</p>
-                                </div>
-                                <button type="button" className="button-link section-toggle" aria-controls="developers" aria-expanded="false">Read more</button>
-                        </div>
-                )
-        }
-} );
+Developers.propTypes = {
+        plugin: PropTypes.object,
+        translate: PropTypes.func,
+};
+
+Developers.defaultProps = {
+        plugin: {},
+        translate: identity,
+};
+
+export default connect(
+        ( state ) => ( {
+                plugin: getPlugin( state ),
+        } ),
+)( localize( Developers ) );