making topic sach work

css/base.css

@@ -660,6 +660,13 @@ table.permission-editor td.checkbox {
   height: 3rem;
   border-radius: 50%;
 }
+.contact-box .avatar-box > .material-icons {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  width: 3rem;
+  height: 3rem;
+}
 .contact-box .text-box {
   display: flex;
   flex-direction: column;
@@ -1530,6 +1537,7 @@ ul.tabbar li.active > a:after {
   font-size: 1.4rem;
   line-height: 1;
   vertical-align: middle;
+  text-align: center;
 }
 .material-icons.small {
   font-size: 1rem;

index.html

@@ -1247,6 +1247,7 @@
             break;
           default:;
         };
+        console.log("SidepanelView", this.props.foundContacts);
         return (
           <div id="sidepanel" className={this.props.hideSelf ? 'nodisplay' : null}>
             <SideNavbar state={this.props.state}
@@ -1626,9 +1627,10 @@
         var contactNodes = [];
         var instance = this;
         var showCheckmark = Array.isArray(this.props.topicSelected);
-
+        console.log("ContactList", this.props.contacts);
         if (this.props.contacts && this.props.contacts.length > 0) {
           this.props.contacts.map(function(c) {
+            console.log("ContactList", c);
             var key = c.topic ? c.topic : c.user;
             // If filter function is provided, filter out the items
             // which don't satisfy the condition.
@@ -1845,6 +1847,7 @@
     /* BEGIN Create new topic and invite users or send an invite */
     var NewTopicView = React.createClass({
       getInitialState: function() {
+        console.log("NewTopicView", this.props.foundContacts);
         return {
           tabSelected: "p2p",
           searchQuery: this.props.contactsSearchQuery,
@@ -1856,6 +1859,7 @@
         this.props.onInitFind();
       },
       componentWillReceiveProps: function(nextProps) {
+        console.log("NewTopicView-new props", nextProps.foundContacts);
         this.setState({
           searchQuery: nextProps.contactsSearchQuery,
           contactList: nextProps.foundContacts
@@ -3444,7 +3448,7 @@
       tnFndSubsUpdated: function() {
         var contacts = [];
         // Don't attempt to create P2P topics which already exist. Server will reject the duplicates.
-        Tinode.getFndTopic().subscribers(function(s) {
+        Tinode.getFndTopic().contacts(function(s) {
           contacts.push(s);
         });
         this.setState({foundContacts: contacts});