mattermost-mobile/app/components/status_bar/status_bar.js
2018-06-19 19:14:50 -04:00

31 lines
916 B
JavaScript

// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import React, {PureComponent} from 'react';
import PropTypes from 'prop-types';
import {
Platform,
StatusBar as NativeStatusBar,
} from 'react-native';
import tinyColor from 'tinycolor2';
export default class StatusBar extends PureComponent {
static propTypes = {
theme: PropTypes.object.isRequired,
headerColor: PropTypes.string,
};
render() {
const {theme} = this.props;
let headerColor = tinyColor(theme.sidebarHeaderBg);
if (this.props.headerColor) {
headerColor = tinyColor(this.props.headerColor);
}
let barStyle = 'light-content';
if (headerColor.isLight() && Platform.OS === 'ios') {
barStyle = 'dark-content';
}
return <NativeStatusBar barStyle={barStyle}/>;
}
}