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

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

@@ -1 @@
-import React from 'react';
+/**
+ * External dependencies.
+ */
+import React, { Component, PropTypes } from 'react';
+import { identity } from 'lodash';
 import { IndexLink } from 'react-router';
+import { localize } from 'i18n-calypso';
 
-export default React.createClass( {
-    displayName: 'NotFound',
+export class NotFound extends Component {
+    static propTypes = {
+        translate: PropTypes.func,
+    };
+
+    static defaultProps = {
+        translate: identity,
+    };
 
     componentDidMount() {
-        setTimeout( function() {
-            jQuery( '.hinge' ).hide();
-        }, 1800 );
-    },
+        setTimeout( () => jQuery( '.hinge' ).hide(), 1800 );
+    }
 
     render() {
@@ -15 +24 @@
             <section className="error-404 not-found">
                 <header className="page-header">
-                    <h1 className="page-title">Oops! That page can&rsquo;t be found.</h1>
+                    <h1 className="page-title">{ this.props.translate( 'Oops! That page can&rsquo;t be found.' ) }</h1>
                 </header>
                 <div className="page-content">
-                    <p>Try searching from the field above, or go to the <IndexLink to="/">home page</IndexLink>.</p>
+                    <p>
+                        { this.props.translate(
+                            'Try searching from the field above, or go to the {{link}}home page{{/link}}.', {
+                                component: { link: <IndexLink to="/" /> },
+                            }
+                        ) }
+                    </p>
 
                     <div className="logo-swing">
@@ -26 +41 @@
                 </div>
             </section>
-        )
+        );
     }
-} );
+}
 
-
+export default localize( NotFound );