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

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/components/content-none/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 { getParams, getPath } from 'state/selectors';
 import SearchForm from 'components/search-form';
 
-export default  React.createClass( {
-    displayName: 'ContentNone',
+export const ContentNone = ( { params, path, translate } ) => {
+    let helpText, userHelp;
 
-    render() {
-        let helpText, userHelp;
+    if ( -1 !== path.indexOf( 'search' ) ) {
+        helpText = (
+            <div className="page-content">
+                <p>{ translate( 'Sorry, but nothing matched your search terms.' ) }</p>
+                <p>{ translate( 'Please try again with some different keywords.' ) }</p>
+                <SearchForm />
+            </div>
+        );
+    } else if ( -1 !== path.indexOf( 'browse/favorites' ) ) {
+        if ( pluginDirectory.userId > 0 ) {
+            helpText = <p>{ translate( 'No favorites have been added, yet.' ) }</p>;
 
-        if ( -1 !== this.props.location.pathname.indexOf( 'search' ) ) {
-            helpText = (
-                <div className="page-content">
-                    <p>Sorry, but nothing matched your search terms.</p>
-                    <p>Please try again with some different keywords.</p>
-                    <SearchForm searchTerm={ this.props.params.searchTerm } />
-                </div>
-            );
-
-        } else if ( -1 !== this.props.location.pathname.indexOf( 'browse/favorites' ) ) {
-            if ( true /*user_logged_in*/ ) {
-                helpText = <p>No favorites have been added, yet.</p>;
-
-                if ( -1 !== this.props.location.pathname.indexOf( 'browse/favorites/' + this.props.params.username ) ) {
-                    userHelp = (
-                        <div>
-                            <p>Find a plugin and mark it as a favorite to see it here.</p>
-                            <p>Your favorite plugins are also shared on <a href={ 'https://profile.wordpress.org/' + this.props.params.username }>your profile</a></p>
-                        </div>
-                    );
-                }
-
-                helpText = <div className="page-content">{ helpText }{ userHelp }</div>;
-            } else {
-                helpText = (
-                    <div className="page-content">
-                        <p><a href="https://login.wordpress.org/">Loginto WordPress.org</a> to mark plugins as favorites.</p>
+            if ( -1 !== path.indexOf( 'browse/favorites/' + params.username ) ) {
+                userHelp = (
+                    <div>
+                        <p>{ translate( 'Find a plugin and mark it as a favorite to see it here.' ) }</p>
+                        <p>
+                            { translate( 'Your favorite plugins are also shared on {{a}}your profile{{/a}}', {
+                                components: { a: <a href={ 'https://profile.wordpress.org/' + params.username } /> },
+                            } ) }
+                        </p>
                     </div>
                 );
             }
+
+            helpText = <div className="page-content">{ helpText }{ userHelp }</div>;
         } else {
             helpText = (
                 <div className="page-content">
-                    <p>It seems we can&#8217;t find what you&#8217;re looking for. Perhaps searching can help.</p>
+                    <p>
+                        { translate( '{{a}}Log into WordPress.org{{/a}} to mark plugins as favorites.', {
+                            components: { a: <a href="https://login.wordpress.org/" /> },
+                        } ) }
+                    </p>
                 </div>
             );
+        }
+    } else {
+        helpText = (
+            <div className="page-content">
+                <div className="page-content">
+                    <p>
+                        { translate(
+                            'It seems we can&#8217;t find what you&#8217;re looking for. Perhaps searching can help.'
+                        ) }
+                    </p>
+                </div>
+                <SearchForm />
+            </div>
+        );
+    }
 
-            helpText = (
-                <div className="page-content">
-                    { helpText }
-                    <SearchForm searchTerm={ this.props.params.searchTerm } />
-                </div>
-            );
+    return (
+        <section className="no-results not-found">
+            <header className="page-header">
+                <h1 className="page-title">{ translate( 'Nothing Found' ) }</h1>
+            </header>
+            { helpText }
+        </section>
+    );
+};
 
-        }
+ContentNone.propTypes = {
+    params: PropTypes.object,
+    path: PropTypes.string,
+    translate: PropTypes.func,
+};
 
-        return (
-            <section className="no-results not-found">
-                <header className="page-header">
-                    <h1 className="page-title">Nothing Found</h1>
-                </header>
-                { helpText }
-            </section>
-        )
-    }
-} );
+ContentNone.defaultProps = {
+    params: {},
+    path: '',
+    translate: identity,
+};
+
+export default connect(
+    ( state ) => ( {
+        params: getParams( state ),
+        path: getPath( state ),
+    } ),
+)( localize( ContentNone ) );