diff --git a/app/components/autocomplete/autocomplete_section_header.js b/app/components/autocomplete/autocomplete_section_header.js index cbb552db3..e469573c3 100644 --- a/app/components/autocomplete/autocomplete_section_header.js +++ b/app/components/autocomplete/autocomplete_section_header.js @@ -39,8 +39,6 @@ const getStyleFromTheme = makeStyleSheetFromTheme((theme) => { justifyContent: 'center', paddingLeft: 8, backgroundColor: changeOpacity(theme.centerChannelColor, 0.1), - borderTopWidth: 1, - borderTopColor: changeOpacity(theme.centerChannelColor, 0.2), }, sectionText: { fontSize: 12, diff --git a/app/components/autocomplete/slash_suggestion/slash_suggestion.js b/app/components/autocomplete/slash_suggestion/slash_suggestion.js index 5a8f18b70..593a45db6 100644 --- a/app/components/autocomplete/slash_suggestion/slash_suggestion.js +++ b/app/components/autocomplete/slash_suggestion/slash_suggestion.js @@ -9,6 +9,7 @@ import { import {RequestStatus} from 'mattermost-redux/constants'; +import AutocompleteDivider from 'app/components/autocomplete/autocomplete_divider'; import {makeStyleSheetFromTheme} from 'app/utils/theme'; import SlashSuggestionItem from './slash_suggestion_item'; @@ -152,6 +153,7 @@ export default class SlashSuggestion extends Component { data={this.state.dataSource} keyExtractor={this.keyExtractor} renderItem={this.renderItem} + ItemSeparatorComponent={AutocompleteDivider} pageSize={10} initialListSize={10} /> diff --git a/app/components/autocomplete/slash_suggestion/slash_suggestion_item.js b/app/components/autocomplete/slash_suggestion/slash_suggestion_item.js index ff766a2b7..85681ec0c 100644 --- a/app/components/autocomplete/slash_suggestion/slash_suggestion_item.js +++ b/app/components/autocomplete/slash_suggestion/slash_suggestion_item.js @@ -53,8 +53,6 @@ const getStyleFromTheme = makeStyleSheetFromTheme((theme) => { justifyContent: 'center', paddingHorizontal: 8, backgroundColor: theme.centerChannelBg, - borderTopWidth: 1, - borderTopColor: changeOpacity(theme.centerChannelColor, 0.2), borderLeftWidth: 1, borderLeftColor: changeOpacity(theme.centerChannelColor, 0.2), borderRightWidth: 1,