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

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/components/widget-area/widgets/donate.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';
 
-export default React.createClass( {
-    displayName: 'DonateWidget',
+/**
+ * Internal dependencies.
+ */
+import { getPlugin } from 'state/selectors';
 
-    render() {
-        if ( ! this.props.plugin.donate_link ) {
-            return <div />;
-        }
-
+/**
+ * Donate Widget component.
+ *
+ * @param {Object}   plugin    Plugin object.
+ * @param {Function} translate Translation function.
+ * @return {*}                 Component or null.
+ * @constructor
+ */
+export const DonateWidget = ( { plugin, translate } ) => {
+    if ( plugin.donate_link ) {
         return (
             <div className="widget plugin-donate">
-                <h4 className="widget-title">Donate</h4>
-                <p className="aside">Would you like to support the advancement of this plugin?</p>
+                <h4 className="widget-title">{ translate( 'Donate' ) }</h4>
+                <p className="aside">{ translate( 'Would you like to support the advancement of this plugin?' ) }</p>
                 <p>
-                    <a className="button button-secondary" href={ this.props.plugin.donate_link } rel="nofollow">
-                        Donate to this plugin
+                    <a className="button button-secondary" href={ plugin.donate_link } rel="nofollow">
+                        { translate( 'Donate to this plugin' ) }
                     </a>
                 </p>
             </div>
-        )
+        );
     }
-} );
+
+    return null;
+};
+
+DonateWidget.propTypes = {
+    plugin: PropTypes.object,
+    translate: PropTypes.func,
+};
+
+DonateWidget.defaultProps = {
+    plugin: {},
+    translate: identity,
+};
+
+export default connect(
+    ( state ) => ( {
+        plugin: getPlugin( state ),
+    } ),
+)( localize( DonateWidget ) );