mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Rick Hanlon
83401adeae
Summary: This diff adds more information to the meta area so it doesn't look so empty and dims the text so it doesn't jump out so much. Changelog: [Internal] Reviewed By: cpojer Differential Revision: D18360434 fbshipit-source-id: d460ffd59ef032d89879f88e309ac81e6d862c30
91 lines
2.2 KiB
JavaScript
91 lines
2.2 KiB
JavaScript
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @flow strict-local
|
|
* @format
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
import * as React from 'react';
|
|
import StyleSheet from '../../StyleSheet/StyleSheet';
|
|
import Text from '../../Text/Text';
|
|
import View from '../../Components/View/View';
|
|
import Platform from '../../Utilities/Platform';
|
|
import * as LogBoxStyle from './LogBoxStyle';
|
|
|
|
type Props = $ReadOnly<{||}>;
|
|
|
|
function LogBoxInspectorMeta(props: Props): React.Node {
|
|
return (
|
|
<View style={metaStyles.section}>
|
|
<View style={metaStyles.heading}>
|
|
<Text style={metaStyles.headingText}>Meta</Text>
|
|
</View>
|
|
<View style={metaStyles.body}>
|
|
<View style={metaStyles.bodyItem}>
|
|
<Text style={metaStyles.bodyText}>Platform</Text>
|
|
<Text style={metaStyles.bodyText}>Engine</Text>
|
|
</View>
|
|
<View style={metaStyles.bodyItem}>
|
|
{/* TODO: Determine engine correctly */}
|
|
<Text style={[metaStyles.bodyText, metaStyles.bodyTextRight]}>
|
|
{Platform.OS === 'android' ? 'Android' : 'iOS'}
|
|
</Text>
|
|
<Text style={[metaStyles.bodyText, metaStyles.bodyTextRight]}>
|
|
{global.HermesInternal ? 'Hermes' : 'Unknown'}
|
|
</Text>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
);
|
|
}
|
|
|
|
const metaStyles = StyleSheet.create({
|
|
section: {
|
|
marginTop: 15,
|
|
},
|
|
heading: {
|
|
alignItems: 'center',
|
|
flexDirection: 'row',
|
|
paddingHorizontal: 12,
|
|
marginBottom: 10,
|
|
},
|
|
headingText: {
|
|
color: LogBoxStyle.getTextColor(1),
|
|
flex: 1,
|
|
fontSize: 20,
|
|
fontWeight: '600',
|
|
includeFontPadding: false,
|
|
lineHeight: 20,
|
|
},
|
|
body: {
|
|
paddingLeft: 25,
|
|
paddingRight: 25,
|
|
paddingBottom: 20,
|
|
flexDirection: 'row',
|
|
justifyContent: 'space-between',
|
|
},
|
|
bodyItem: {
|
|
flex: 0,
|
|
},
|
|
bodyText: {
|
|
color: LogBoxStyle.getTextColor(0.5),
|
|
fontSize: 14,
|
|
paddingTop: 3,
|
|
paddingBottom: 3,
|
|
includeFontPadding: false,
|
|
lineHeight: 20,
|
|
flex: 0,
|
|
flexGrow: 0,
|
|
},
|
|
bodyTextRight: {
|
|
textAlign: 'right',
|
|
},
|
|
});
|
|
|
|
export default LogBoxInspectorMeta;
|