Changeset 3764 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/js/client/components/archive/browse/index.jsx

Timestamp:

08/02/2016 07:37:38 PM (8 years ago)

Author:

obenland

Message:

Plugin Directory: Add search functionality to React client.

See #1719.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/js/client/components/archive/browse/index.jsx (modified) (3 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/js/client/components/archive/browse/index.jsx

@@ -1 @@
-import React, { Component } from 'react';
+import React from 'react';
 import { connect } from 'react-redux';
 
-/**
- * Internal dependencies.
- */
 import { getBrowse } from 'actions';
-import ContentNone from 'components/content-none';
-import PluginCard from 'components/plugin-card';
+import Browse from './browse';
 
-
-const ArchiveBrowse = React.createClass( {
-    displayName: 'ArchiveBrowse',
-
-    render() {
-        if ( this.props.plugins ) {
-            return (
-                <div>
-                    <header className="page-header">
-                        <h1 className="page-title">Browse: <strong>{ this.props.params.type }</strong></h1>
-                        <div className="taxonomy-description"></div>
-                    </header>
-                    { this.props.plugins.map( slug =>
-                        <PluginCard key={ slug } slug={ slug } />
-                    ) }
-                </div>
-            )
-        }
-
-        return <ContentNone { ...this.props } />;
-    }
-} );
-
-class ArchiveBrowseContainer extends Component {
+const BrowseContainer = React.createClass( {
     componentDidMount() {
         this.getBrowse();
-    }
+    },
 
     componentDidUpdate( previousProps ) {
@@ -41 +14 @@
             this.getBrowse();
         }
-    }
+    },
 
     getBrowse() {
         this.props.dispatch( getBrowse( this.props.params.type ) );
-    }
+    },
 
     render() {
-        return <ArchiveBrowse { ...this.props } />;
+        return <Browse { ...this.props } />;
     }
-}
+} );
 
 const mapStateToProps = ( state, ownProps ) => ( {
@@ -56 +29 @@
 } );
 
-export default connect( mapStateToProps )( ArchiveBrowseContainer );
+export default connect( mapStateToProps )( BrowseContainer );