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});