diff --git a/app/components/autocomplete/at_mention/at_mention.js b/app/components/autocomplete/at_mention/at_mention.js index a17f79873..7fd4503b2 100644 --- a/app/components/autocomplete/at_mention/at_mention.js +++ b/app/components/autocomplete/at_mention/at_mention.js @@ -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) => { diff --git a/app/components/post_textbox/post_textbox.js b/app/components/post_textbox/post_textbox.js index bb9901332..40efd65d7 100644 --- a/app/components/post_textbox/post_textbox.js +++ b/app/components/post_textbox/post_textbox.js @@ -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 { }} /> - +