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

Timestamp:

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

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

@@ -1 @@
-import React from 'react';
+/**
+ * External dependencies.
+ */
+import React, { PropTypes } from 'react';
+import { connect } from 'react-redux';
 
-export default React.createClass( {
-        displayName: 'Page',
+/**
+ * Internal dependencies.
+ */
+import { getPage } from 'state/selectors';
 
-        render() {
-                if ( ! this.props.page ) {
-                        return (
-                                <article className="page type-page">
-                                        <header className="entry-header">
-                                                <h1 className="entry-title"> </h1>
-                                        </header>
-                                        <div className="entry-content">
-                                                <section>
-                                                        <div className="container"> LOADING </div>
-                                                </section>
-                                        </div>
-                                </article>
-                        )
-                }
-
+const Page = ( { page } ) => {
+        if ( page && page.title ) {
                 return (
                         <article className="page type-page">
                                 <header className="entry-header">
-                                        <h1 className="entry-title">{ this.props.page.title.rendered }</h1>
+                                        <h1 className="entry-title">{ page.title.rendered }</h1>
                                 </header>
                                 <div className="entry-content">
                                         <section>
-                                                <div className="container" dangerouslySetInnerHTML={ { __html: this.props.page.content.rendered } } />
+                                                <div className="container" dangerouslySetInnerHTML={ { __html: page.content.rendered } } />
                                         </section>
                                 </div>
                         </article>
-                )
+                );
         }
-} );
+
+        return (
+                <article className="page type-page">
+                        <header className="entry-header">
+                                <h1 className="entry-title"> </h1>
+                        </header>
+                        <div className="entry-content">
+                                <section>
+                                        <div className="container"> LOADING </div>
+                                </section>
+                        </div>
+                </article>
+        );
+};
+
+Page.propTypes = {
+        page: PropTypes.object,
+};
+
+Page.defaultProps = {
+        page: {},
+};
+
+export default connect(
+        ( state ) => ( {
+                page: getPage( state ),
+        } ),
+)( Page );