toki/mattermost-mobile
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Android autocomplete fix (#272)

Browse source
This commit is contained in:
Chris Duarte 2017-02-17 08:02:05 -08:00 committed by enahum
parent 75dc27dd92
commit 37bea54b9f
2 changed files with 24 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
app/components/autocomplete/at_mention/at_mention.js
View file

@ -26,7 +26,11 @@ const getStyleFromTheme = makeStyleSheetFromTheme((theme) => {
paddingLeft: 8,
backgroundColor: changeOpacity(theme.centerChannelColor, 0.1),
borderTopWidth: 1,
borderTopColor: changeOpacity(theme.centerChannelColor, 0.2)
borderTopColor: changeOpacity(theme.centerChannelColor, 0.2),
borderLeftWidth: 1,
borderLeftColor: changeOpacity(theme.centerChannelColor, 0.2),
borderRightWidth: 1,
borderRightColor: changeOpacity(theme.centerChannelColor, 0.2)
},
sectionText: {
fontSize: 12,
@ -38,11 +42,7 @@ const getStyleFromTheme = makeStyleSheetFromTheme((theme) => {
},
listView: {
flex: 1,
backgroundColor: theme.centerChannelBg,
borderWidth: 1,
borderColor: changeOpacity(theme.centerChannelColor, 0.2),
borderTopWidth: 0,
borderBottomWidth: 0
backgroundColor: theme.centerChannelBg
},
loading: {
alignItems: 'center',
@ -59,7 +59,11 @@ const getStyleFromTheme = makeStyleSheetFromTheme((theme) => {
alignItems: 'center',
backgroundColor: theme.centerChannelBg,
borderTopWidth: 1,
borderTopColor: changeOpacity(theme.centerChannelColor, 0.2)
borderTopColor: changeOpacity(theme.centerChannelColor, 0.2),
borderLeftWidth: 1,
borderLeftColor: changeOpacity(theme.centerChannelColor, 0.2),
borderRightWidth: 1,
borderRightColor: changeOpacity(theme.centerChannelColor, 0.2)
},
rowIcon: {
color: changeOpacity(theme.centerChannelColor, 0.7),
@ -124,7 +128,7 @@ export default class AtMention extends Component {
}
componentWillReceiveProps(nextProps) {
const match = nextProps.postDraft.substring(0, this.props.cursorPosition).match(AT_MENTION_REGEX);
const match = nextProps.postDraft.substring(0, nextProps.cursorPosition).match(AT_MENTION_REGEX);
if (!match || this.state.mentionComplete) {
this.setState({
@ -191,7 +195,7 @@ export default class AtMention extends Component {
}
checkSpecialMentions = (term) => {
return this.getSpecialMentions().filter((m) => m.completeHandle.includes(term)).length > 0;
return this.getSpecialMentions().filter((m) => m.completeHandle.startsWith(term)).length > 0;
}
completeMention = (mention) => {

19
app/components/post_textbox/post_textbox.js
View file

@ -3,6 +3,7 @@
import React from 'react';
import {
Platform,
TouchableHighlight,
View
} from 'react-native';
@ -143,19 +144,21 @@ export default class PostTextbox extends React.PureComponent {
}}
/>
<View style={{width: 7}}/>
<TouchableHighlight
onPress={this.sendMessage}
style={{
height: 36,
width: 36
}}
>
<TouchableHighlight onPress={this.sendMessage}>
<Icon
name='paper-plane'
size={18}
style={{
color: theme.linkColor,
padding: 9
...Platform.select({
ios: {
paddingVertical: 8
},
android: {
paddingVertical: 7
}
}),
paddingHorizontal: 9
}}
/>
</TouchableHighlight>