784b05fe97
* upgrade reanimated * update devDependencies * upgrade react-intl * update react-native and some dependencies * update react-native-permissions * update RN * use Share sheet for Report a problem * update Sentry * remove step to downloadWebRTC * update detox deps * feedback review
51 lines
1.2 KiB
TypeScript
51 lines
1.2 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import React from 'react';
|
|
import {type StyleProp, Text, View, type ViewStyle} from 'react-native';
|
|
|
|
import CompassIcon from '@components/compass_icon';
|
|
import {makeStyleSheetFromTheme} from '@utils/theme';
|
|
import {typography} from '@utils/typography';
|
|
|
|
type Props = {
|
|
style?: StyleProp<ViewStyle>;
|
|
text: string;
|
|
theme: Theme;
|
|
}
|
|
|
|
const getStyles = makeStyleSheetFromTheme((theme: Theme) => ({
|
|
icon: {
|
|
color: theme.errorTextColor,
|
|
},
|
|
message: {
|
|
color: theme.errorTextColor,
|
|
marginLeft: 7,
|
|
top: -2,
|
|
...typography('Body', 75),
|
|
},
|
|
row: {
|
|
flexDirection: 'row',
|
|
alignItems: 'flex-start',
|
|
marginHorizontal: 20,
|
|
marginTop: 12,
|
|
},
|
|
}));
|
|
|
|
const ErrorLabel = ({style, text, theme}: Props) => {
|
|
const styles = getStyles(theme);
|
|
return (
|
|
<View style={[styles.row, style]}>
|
|
<CompassIcon
|
|
name='alert-outline'
|
|
size={12}
|
|
style={styles.icon}
|
|
/>
|
|
<Text style={styles.message}>
|
|
{text}
|
|
</Text>
|
|
</View>
|
|
);
|
|
};
|
|
|
|
export default ErrorLabel;
|