more components updated and translated

src/views/contacts-view.jsx

@@ -1,9 +1,11 @@
 /* ContactsView holds all contacts-related stuff */
 import React from 'react';
-import { defineMessages } from 'react-intl';
+import { defineMessages, injectIntl } from 'react-intl';
 
 import ContactList from '../widgets/contact-list.jsx';
 
+import { updateFavicon } from '../lib/utils.js';
+
 // Panel titles for translation.
 const messages = defineMessages({
   'contacts_not_found': {
@@ -13,7 +15,7 @@ const messages = defineMessages({
   }
 });
 
-export default class ContactsView extends React.Component {
+class ContactsView extends React.Component {
   constructor(props) {
     super(props);
 
@@ -37,7 +39,7 @@ export default class ContactsView extends React.Component {
   }
 
   render() {
-    const {formatMessage} = this.props.intl;
+    const {formatHTMLMessage} = this.props.intl;
     return (
       <ContactList
         connected={this.props.connected}
@@ -52,3 +54,5 @@ export default class ContactsView extends React.Component {
     );
   }
 };
+
+export default injectIntl(ContactsView);

src/views/create-account-view.jsx

@@ -7,7 +7,7 @@ import CheckBox from '../widgets/checkbox.jsx';
 import VisiblePassword from '../widgets/visible-password.jsx';
 
 import LocalStorageUtil from '../lib/local-storage.js';
-import vcard from '../lib/utils.js';
+import { vcard } from '../lib/utils.js';
 
 export default class CreateAccountView extends React.PureComponent {
   constructor(props) {
@@ -115,7 +115,7 @@ export default class CreateAccountView extends React.PureComponent {
         </div>
         <div className="dialog-buttons">
           <button className={submitClasses} type="submit">
-            <FormattedMessage id="sign_up_button" defaultMessage="Sign up"
+            <FormattedMessage id="button_sign_up" defaultMessage="Sign up"
               description="Create account button [Sign Up]" />
           </button>
         </div>

src/views/login-view.jsx

@@ -85,7 +85,7 @@ export default class LoginView extends React.Component {
         </div>
         <div className="dialog-buttons">
           <button className={submitClasses} type="submit">
-            <FormattedMessage id="sign_in_button" defaultMessage="Sign in"
+            <FormattedMessage id="button_sign_in" defaultMessage="Sign in"
               description="Button [Sign In]" />
           </button>
         </div>

src/views/new-topic-view.jsx

@@ -1,12 +1,15 @@
 /* Create new topic and invite users or send an invite */
 
 import React from 'react';
+import { FormattedMessage } from 'react-intl';
 
 import ContactList from '../widgets/contact-list.jsx';
 import NewTopicById from '../widgets/new-topic-by-id.jsx';
 import NewTopicGroup from '../widgets/new-topic-group.jsx';
 import SearchContacts from '../widgets/search-contacts.jsx';
 
+import HashNavigation from '../lib/navigation.js';
+
 export default class NewTopicView extends React.Component {
   constructor(props) {
     super(props);
@@ -34,24 +37,24 @@ export default class NewTopicView extends React.Component {
 
   handleTabClick(e) {
     e.preventDefault();
-    navigateTo(addUrlParam(window.location.hash, 'tab', e.currentTarget.dataset.id));
+    HashNavigation.navigateTo(HashNavigation.addUrlParam(window.location.hash, 'tab', e.currentTarget.dataset.id));
     this.setState({tabSelected: e.currentTarget.dataset.id});
   }
 
   handleContactSelected(sel) {
     if (this.state.tabSelected === 'p2p') {
-      navigateTo(removeUrlParam(window.location.hash, 'tab'));
+      HashNavigation.navigateTo(HashNavigation.removeUrlParam(window.location.hash, 'tab'));
       this.props.onCreateTopic(sel, undefined);
     }
   }
 
   handleNewGroupSubmit(name, dataUrl, priv, tags) {
-    navigateTo(removeUrlParam(window.location.hash, 'tab'));
+    HashNavigation.navigateTo(HashNavigation.removeUrlParam(window.location.hash, 'tab'));
     this.props.onCreateTopic(undefined, vcard(name, dataUrl), priv, tags);
   }
 
   handleGroupByID(topicName) {
-    navigateTo(removeUrlParam(window.location.hash, 'tab'));
+    HashNavigation.navigateTo(HashNavigation.removeUrlParam(window.location.hash, 'tab'));
     this.props.onCreateTopic(topicName);
   }
 
@@ -60,13 +63,22 @@ export default class NewTopicView extends React.Component {
       <div className="flex-column">
         <ul className="tabbar">
           <li className={this.state.tabSelected === "p2p" ? "active" : null}>
-            <a href="javascript:;" data-id="p2p" onClick={this.handleTabClick}>find</a>
+            <a href="javascript:;" data-id="p2p" onClick={this.handleTabClick}>
+              <FormattedMessage id="tabtitle_find_user" defaultMessage="find"
+                description="Tab title Find" />
+            </a>
           </li>
           <li className={this.state.tabSelected === "grp" ? "active" : null}>
-            <a href="javascript:;" data-id="grp" onClick={this.handleTabClick}>new group</a>
+            <a href="javascript:;" data-id="grp" onClick={this.handleTabClick}>
+              <FormattedMessage id="tabtitle_new_group" defaultMessage="new group"
+                description="Tab title New Group" />
+            </a>
           </li>
           <li className={this.state.tabSelected === "byid" ? "active" : null}>
-            <a href="javascript:;" data-id="byid" onClick={this.handleTabClick}>by id</a>
+            <a href="javascript:;" data-id="byid" onClick={this.handleTabClick}>
+              <FormattedMessage id="tabtitle_group_by_id" defaultMessage="by id"
+                description="Tab title Find topic by ID" />
+            </a>
           </li>
         </ul>
         {this.state.tabSelected === 'grp' ?

src/views/tinode-web.jsx

@@ -13,6 +13,7 @@ import MessagesView from './messages-view.jsx';
 import SidepanelView from './sidepanel-view.jsx';
 
 import { API_KEY, APP_NAME, MEDIA_BREAKPOINT, RECEIVED_DELAY } from '../config.js';
+import { makeImageUrl } from '../lib/blob-helpers.js';
 import { isLocalHost, isSecureConnection } from '../lib/host-name.js';
 import LocalStorageUtil from '../lib/local-storage.js';
 import HashNavigation from '../lib/navigation.js';