sergiodt
/
vn-verdnaturachat
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

@all & @here mention (#200)

This commit is contained in:
Diego Mello 2018-01-19 10:38:14 -02:00 committed by Guilherme Gazzo
parent c81182c9cf
commit c86e06afa0
2 changed files with 40 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
app/containers/MessageBox/index.js
View File

@ -212,11 +212,21 @@ export default class MessageBox extends React.PureComponent {
}); });
} }
_getFixedMentions(keyword) {
if ('all'.indexOf(keyword) !== -1) {
this.users = [{ _id: -1, username: 'all', desc: 'all' }, ...this.users];
}
if ('here'.indexOf(keyword) !== -1) {
this.users = [{ _id: -2, username: 'here', desc: 'active users' }, ...this.users];
}
}
async _getUsers(keyword) { async _getUsers(keyword) {
this.users = database.objects('users'); this.users = database.objects('users');
if (keyword) { if (keyword) {
this.users = this.users.filtered('username CONTAINS[c] $0', keyword); this.users = this.users.filtered('username CONTAINS[c] $0', keyword);
} }
this._getFixedMentions(keyword);
this.setState({ mentions: this.users.slice() }); this.setState({ mentions: this.users.slice() });
const usernames = []; const usernames = [];
@ -244,8 +254,9 @@ export default class MessageBox extends React.PureComponent {
console.log('spotlight canceled'); console.log('spotlight canceled');
} finally { } finally {
delete this.oldPromise; delete this.oldPromise;
this.users = database.objects('users').filtered('username CONTAINS[c] $0', keyword); this.users = database.objects('users').filtered('username CONTAINS[c] $0', keyword).slice();
this.setState({ mentions: this.users.slice() }); this._getFixedMentions(keyword);
this.setState({ mentions: this.users });
} }
} }
@ -345,7 +356,20 @@ export default class MessageBox extends React.PureComponent {
this.component.setNativeProps({ text: newText }); this.component.setNativeProps({ text: newText });
this.setState({ text: newText }); this.setState({ text: newText });
} }
renderMentionItem = item => ( renderFixedMentionItem = item => (
<TouchableOpacity
style={styles.mentionItem}
onPress={() => this._onPressMention(item)}
>
<Text style={styles.fixedMentionAvatar}>{item.username}</Text>
<Text>Notify {item.desc} in this room</Text>
</TouchableOpacity>
)
renderMentionItem = (item) => {
if (item.username === 'all' || item.username === 'here') {
return this.renderFixedMentionItem(item);
}
return (
<TouchableOpacity <TouchableOpacity
style={styles.mentionItem} style={styles.mentionItem}
onPress={() => this._onPressMention(item)} onPress={() => this._onPressMention(item)}
@ -358,7 +382,8 @@ export default class MessageBox extends React.PureComponent {
/> />
<Text>{item.username || item.name }</Text> <Text>{item.username || item.name }</Text>
</TouchableOpacity> </TouchableOpacity>
) );
}
renderEmoji() { renderEmoji() {
const emojiContainer = ( const emojiContainer = (
<View style={styles.emojiContainer}> <View style={styles.emojiContainer}>

5
app/containers/MessageBox/style.js
View File

@ -85,5 +85,10 @@ export default StyleSheet.create({
borderTopColor: '#ECECEC', borderTopColor: '#ECECEC',
borderTopWidth: 1, borderTopWidth: 1,
backgroundColor: '#fff' backgroundColor: '#fff'
},
fixedMentionAvatar: {
fontWeight: 'bold',
textAlign: 'center',
width: 46
} }
}); });