diff --git a/css/base.css b/css/base.css index a82ad096..994b3dc9 100644 --- a/css/base.css +++ b/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; diff --git a/index.html b/index.html index c0769c6c..dd646f26 100644 --- a/index.html +++ b/index.html @@ -1247,6 +1247,7 @@ break; default:; }; + console.log("SidepanelView", this.props.foundContacts); return (
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});