fb8238ab0b
* new themes and theme type updates * update theme processing port newer functionality from webapp * update theme UI including new svg-based thumbnail * lint fixes * update snapshots and tests * update theme tile border approach * remove unused path component * remove old variable typo * remove old variable type from theme type * lint and snapshot updates * update snapshots
41 lines
1.1 KiB
TypeScript
41 lines
1.1 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import React from 'react';
|
|
import {Text, TextStyle} from 'react-native';
|
|
|
|
import FormattedText from '@components/formatted_text';
|
|
import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme';
|
|
|
|
import type {Theme} from '@mm-redux/types/theme';
|
|
|
|
interface ComponentProps {
|
|
text: string | typeof FormattedText;
|
|
theme: Theme;
|
|
textStyle?: TextStyle;
|
|
ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip';
|
|
numberOfLines?: number;
|
|
}
|
|
|
|
const CustomStatusText = ({text, theme, textStyle, ellipsizeMode, numberOfLines}: ComponentProps) => (
|
|
<Text
|
|
style={[getStyleSheet(theme).label, textStyle]}
|
|
ellipsizeMode={ellipsizeMode}
|
|
numberOfLines={numberOfLines}
|
|
>
|
|
{text}
|
|
</Text>
|
|
);
|
|
|
|
export default CustomStatusText;
|
|
|
|
const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => {
|
|
return {
|
|
label: {
|
|
color: changeOpacity(theme.centerChannelColor, 0.5),
|
|
fontSize: 17,
|
|
textAlignVertical: 'center',
|
|
includeFontPadding: false,
|
|
},
|
|
};
|
|
});
|