e8712f9199
* Switch to SingleDex and remove all locales * WIP Mattermost Start Component for lazy loading modules * Add files changed for native modules * Add Entry component and app global object * dispatch setStatusBarHeight for iOS * Update screen imports * Include Entry screen * Refactor app to mattermost.android.js * Override unnecessary java files * Fix minor issues in changes * Display empty state based on user credentials Also, add proper background theme for empty loading screen * Add native module constant cache support * Fix startup theme regression * Add Keychain support for credentials * Fix Orientation regression * Fix SharedExtension regression * Emit NATIVE_APP_LAUNCHED across bridge only once during cold start * Add iOS Support * Revert to previous implementation of i18n * Fix styling issues * Include listener for SERVER_VERSION_CHANGED * Add SafeAreaView in Entry screen * Register deviceToken early, in order to get iOS PN Support * Include StartTimeModule * Add ReplyFromPush support and remove NATIVE_APP_LAUNCHED listener * Package native constants in StartTimeModule and avoid bridge calls * Fix check-style errors * Code cleanup * Rename StartTimeModule to InitializationModule * Remove NavigationApplication * Documentation and minor changes * Account for app opening after SharedExtension * Refactor getIntl to getTranslations * Move native module constants into it's own forked repos * Include FetchBlob and DeviceInfo forked repos
96 lines
2.6 KiB
JavaScript
96 lines
2.6 KiB
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 {Platform, View} from 'react-native';
|
|
import DeviceInfo from 'react-native-device-info';
|
|
|
|
import {ViewTypes} from 'app/constants';
|
|
import {makeStyleSheetFromTheme} from 'app/utils/theme';
|
|
|
|
import Icon from 'react-native-vector-icons/Ionicons';
|
|
|
|
const {
|
|
ANDROID_TOP_LANDSCAPE,
|
|
ANDROID_TOP_PORTRAIT,
|
|
IOS_TOP_LANDSCAPE,
|
|
IOS_TOP_PORTRAIT,
|
|
STATUS_BAR_HEIGHT,
|
|
} = ViewTypes;
|
|
|
|
export default class EmptyToolbar extends PureComponent {
|
|
static propTypes = {
|
|
isLandscape: PropTypes.bool.isRequired,
|
|
theme: PropTypes.object.isRequired,
|
|
};
|
|
|
|
constructor(props) {
|
|
super(props);
|
|
|
|
this.isX = DeviceInfo.getModel() === 'iPhone X';
|
|
}
|
|
|
|
render() {
|
|
const {isLandscape, theme} = this.props;
|
|
|
|
const style = getStyleFromTheme(theme);
|
|
const padding = {paddingHorizontal: 0};
|
|
|
|
let height;
|
|
switch (Platform.OS) {
|
|
case 'android':
|
|
height = ANDROID_TOP_PORTRAIT;
|
|
if (isLandscape) {
|
|
height = ANDROID_TOP_LANDSCAPE;
|
|
}
|
|
break;
|
|
case 'ios':
|
|
height = IOS_TOP_PORTRAIT - STATUS_BAR_HEIGHT;
|
|
if (isLandscape) {
|
|
height = IOS_TOP_LANDSCAPE;
|
|
}
|
|
|
|
if (this.isX && isLandscape) {
|
|
padding.paddingHorizontal = 10;
|
|
}
|
|
break;
|
|
}
|
|
|
|
return (
|
|
<View style={[style.header, padding, {height}]}>
|
|
<View style={style.button_container}>
|
|
<View style={style.button_wrapper}>
|
|
<Icon
|
|
name='md-menu'
|
|
size={25}
|
|
color={theme.sidebarHeaderTextColor}
|
|
/>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
);
|
|
}
|
|
}
|
|
|
|
const getStyleFromTheme = makeStyleSheetFromTheme((theme) => {
|
|
return {
|
|
header: {
|
|
backgroundColor: theme.sidebarHeaderBg,
|
|
flexDirection: 'row',
|
|
justifyContent: 'flex-start',
|
|
width: '100%',
|
|
zIndex: 10,
|
|
},
|
|
button_container: {
|
|
width: 55,
|
|
},
|
|
button_wrapper: {
|
|
alignItems: 'center',
|
|
flex: 1,
|
|
flexDirection: 'column',
|
|
justifyContent: 'center',
|
|
paddingHorizontal: 10,
|
|
},
|
|
};
|
|
});
|