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

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/components/plugin/download-button/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';
 
-export default React.createClass( {
-    displayName: 'DownloadButton',
+/**
+ * Internal dependencies.
+ */
+import { getPlugin } from 'state/selectors';
 
-    render() {
-        return (
-            <span>
-                <a className="plugin-download button download-button button-large" href={ this.props.plugin.download_link } itemProp="downloadUrl">
-                    Download
-                </a>
-                <meta itemProp="softwareVersion" content={ this.props.plugin.version } />
-                <meta itemProp="fileFormat" content="application/zip" />
-            </span>
-        )
-    }
-} );
+export const DownloadButton = ( { plugin, translate } ) => (
+    <span>
+        <a
+            className="plugin-download button download-button button-large"
+            href={ plugin.download_link }
+            itemProp="downloadUrl"
+        >
+            { translate( 'Download' ) }
+        </a>
+        <meta itemProp="softwareVersion" content={ plugin.version } />
+        <meta itemProp="fileFormat" content="application/zip" />
+    </span>
+);
+
+DownloadButton.propTypes = {
+    plugin: PropTypes.object,
+    translate: PropTypes.func,
+};
+
+DownloadButton.defaultProps = {
+    plugin: {},
+    translate: identity,
+};
+
+export default connect(
+    ( state ) => ( {
+        plugin: getPlugin( state ),
+    } ),
+)( localize( DownloadButton ) );