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

Timestamp:

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

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

@@ -1 @@
-import React from 'react';
-import { IndexLink } from 'react-router';
+/**
+ * External dependencies.
+ */
+import React, { PropTypes } from 'react';
 
+/**
+ * Internal dependencies.
+ */
 import TextWidget from 'components/widget-area/widgets/text';
 import WidgetArea from 'components/widget-area';
 
-export default React.createClass( {
-    displayName: 'PluginDirectory',
-
-    widgetArea() {
-        return (
-            <WidgetArea { ...this.props }>
-                { this.props.widgets.map( widget =>
+export const PluginDirectory = ( { header, main, router, widgets } ) => (
+    <div>
+        { header }
+        { main }
+        { router.isActive( '/', true ) &&
+            <WidgetArea>
+                { widgets.map( ( widget ) =>
                     <TextWidget key={ widget.title } widget={ widget } />
                 ) }
             </WidgetArea>
-        );
-    },
+        }
+    </div>
+);
 
-    render() {
-        return (
-            <div>
-                { this.props.header }
-                { this.props.main }
-                { this.props.router.isActive( '/', true ) ? this.widgetArea() : <div /> }
-            </div>
-        )
-    }
-} );
+PluginDirectory.propTypes = {
+    header: PropTypes.object,
+    main: PropTypes.object,
+    router: PropTypes.object,
+    widgets: PropTypes.arrayOf( PropTypes.object ),
+};
 
+PluginDirectory.defaultProps = {
+    header: {},
+    main: {},
+    router: {},
+    widgets: [],
+};
+
+export default PluginDirectory;