more components updated/translated

src/views/edit-account-view.jsx

@@ -196,8 +196,8 @@ export default class EditAccountView extends React.Component {
                 description="Label for push notifications switch" />
               :
               <FormattedMessage id="label_push_notifications_disabled"
-                defaultMessage="Notification alerts (requires HTTPS)"
-                description="Label for push notifications switch (disabled):" />
+                defaultMessage="Notification alerts (requires HTTPS):"
+                description="Label for push notifications switch (disabled)" />
             }
             </label>
             <CheckBox name="alert" id="desktop-alerts"

src/views/info-view.jsx

@@ -1,8 +1,8 @@
-/* InfoView: panel with topic/user info */
-
+// InfoView: panel with topic/user info.
 import React from 'react';
 
 import AvatarUpload from '../widgets/avatar-upload.jsx';
+import CheckBox from '../widgets/checkbox.jsx';
 import ContactList from '../widgets/contact-list.jsx';
 import GroupManager from '../widgets/group-manager.jsx';
 import InPlaceEdit from '../widgets/in-place-edit.jsx';
@@ -11,6 +11,8 @@ import MoreButton from '../widgets/more-button.jsx';
 import PermissionsEditor from '../widgets/permissions-editor.jsx';
 import TagManager from '../widgets/tag-manager.jsx';
 
+import { makeImageUrl } from '../lib/blob-helpers.js';
+
 export default class InfoView extends React.Component {
   constructor(props) {
     super(props);

src/views/new-topic-view.jsx

@@ -90,15 +90,18 @@ export default class NewTopicView extends React.Component {
           <div className="flex-column">
             <SearchContacts type="p2p"
               onSearchContacts={this.props.onSearchContacts} />
-            <ContactList
-              contacts={this.state.contactList}
-              myUserId={this.props.myUserId}
-              emptyListMessage="Use search to find contacts"
-              topicSelected={this.state.selectedContact}
-              showOnline={false}
-              showUnread={false}
-              showContextMenu={false}
-              onTopicSelected={this.handleContactSelected} />
+            <FormattedMessage id="search_for_contacts" defaultMessage="Use search to find contacts"
+              description="Prompt in search field.">{
+              (search_for_contacts) => <ContactList
+                contacts={this.state.contactList}
+                myUserId={this.props.myUserId}
+                emptyListMessage={search_for_contacts}
+                topicSelected={this.state.selectedContact}
+                showOnline={false}
+                showUnread={false}
+                showContextMenu={false}
+                onTopicSelected={this.handleContactSelected} />
+            }</FormattedMessage>
           </div>}
       </div>
     );

src/views/password-reset-view.jsx

@@ -1,4 +1,4 @@
-/* A password reset form */
+// A password reset form.
 import React from 'react';
 
 import VisiblePassword from '../widgets/visible-password.jsx';

src/views/validation-view.jsx

@@ -1,7 +1,21 @@
 // ValidationView: panel for confirming credentials, like email or phone.
 import React from 'react';
+import { FormattedMessage, defineMessages, injectIntl } from 'react-intl';
 
-export default class ValidationView extends React.PureComponent {
+const messages = defineMessages({
+  phone: {
+    id: 'phone',
+    defaultMessage: 'phone',
+    description: "The word 'phone'",
+  },
+  email: {
+    id: 'email',
+    defaultMessage: 'email',
+    description: "The word 'email'",
+  }
+});
+
+class ValidationView extends React.PureComponent {
   constructor(props) {
     super(props);
 
@@ -32,24 +46,35 @@ export default class ValidationView extends React.PureComponent {
   }
 
   render() {
-    var methods = {'email': "email", 'tel': "phone"};
-    var method = methods[this.props.credMethod] || this.props.credMethod;
+    const { formatMessage } = this.props.intl;
+    const methods = {'email': formatMessage(messages.email), 'tel': formatMessage(messages.phone)};
+    let method = methods[this.props.credMethod] || this.props.credMethod;
     return (
       <div className="panel-form">
         <div className="panel-form-row">
           <label className="small" htmlFor="enter-confirmation-code">
-            Enter confirmation code sent to you by {method}:
+            <FormattedMessage id="enter_confirmation_code_prompt"
+              defaultMessage="Enter confirmation code sent to you by {method}:"
+              description="Request to enter confirmation code" />
           </label>
         </div>
         <div className="panel-form-row">
-        <input type="text" id="enter-confirmation-code" placeholder="Numbers only"
-          value={this.state.code} onChange={this.handleChange}
-          onKeyPress={this.handleKeyPress} required />
+        <FormattedMessage id="numeric_confirmation_code_prompt"
+          defaultMessage="Numbers only" description="Prompt for numeric conformation code">{
+          (numbers_only) => <input type="text" id="enter-confirmation-code"
+            placeholder={numbers_only}
+            value={this.state.code} onChange={this.handleChange}
+            onKeyPress={this.handleKeyPress} required />
+        }</FormattedMessage>
         </div>
         <div className="dialog-buttons">
-          <button className="blue" onClick={this.handleSubmit}>Confirm</button>
+          <button className="blue" onClick={this.handleSubmit}>
+            <FormattedMessage id="button_confirm" defaultMessage="Confirm" description="Button [Confirm]" />
+          </button>
         </div>
       </div>
     );
   }
 };
+
+export default injectIntl(ValidationView);