split the code into components

src/components/logo-view.jsx

@@ -0,0 +1,20 @@
+import React from 'react';
+
+/* This is just a static page to display when no conversation is selected. */
+export default class LogoView extends React.PureComponent {
+  render() {
+    var version = APP_NAME + ' (' + Tinode.getLibrary() + ')';
+    return (
+      <div id="dummy-view" className={this.props.hideSelf ? 'nodisplay' : null}>
+        <div>
+        <a href="https://github.com/tinode/chat/">
+          <img id="logo" alt="logo" src="img/logo.svg" />
+          <h2>Tinode Web</h2>
+        </a>
+        <p>Client: {version}</p>
+        <p>Server: {this.props.serverVersion} ({this.props.serverAddress})</p>
+        </div>
+      </div>
+    );
+  }
+};