mattermost-mobile/app/components/autocomplete/autocomplete_divider/autocomplete_divider.js
Harrison Healey 70a1a92d06 Updated borders on autocomplete to wrap entire list (#1149)
* Updated borders on autocomplete to wrap entire list

* Reverted accidental changes to search autocomplete position
2017-11-14 19:13:03 -06:00

32 lines
835 B
JavaScript

// Copyright (c) 2017-present Mattermost, Inc. All Rights Reserved.
// See License.txt for license information.
import React, {PureComponent} from 'react';
import PropTypes from 'prop-types';
import {View} from 'react-native';
import {makeStyleSheetFromTheme, changeOpacity} from 'app/utils/theme';
export default class AutocompleteDivider extends PureComponent {
static propTypes = {
theme: PropTypes.object.isRequired
};
render() {
const {theme} = this.props;
const style = getStyleFromTheme(theme);
return (
<View style={style.divider}/>
);
}
}
const getStyleFromTheme = makeStyleSheetFromTheme((theme) => {
return {
divider: {
height: 1,
backgroundColor: changeOpacity(theme.centerChannelColor, 0.2)
}
};
});