f8e67c04ad
* Migrate attachment_image * Migrate action_menu * Migrate action_button * migrate message_attachments * Remove unintended commited file * Fix tsc * Fix tsc * Fix lint * Update references * Make emoji functional component and fix imports * Use ReactNode instead of JSXElement * Convert action menu to FC * Remove unneeded fragments * Remove unneded undefined check * Use undefined instead of nil in calculateDimensions * Make sure height is always defined * Use is valid URL * Add missing types * Lint fixes and remove lodash * Revert package.json changes * Put back fragments since they are actually needed * Fix test * Fix lint * Address feedback
54 lines
1.4 KiB
TypeScript
54 lines
1.4 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import React from 'react';
|
|
import {StyleProp, StyleSheet, TextStyle, View, ViewStyle} from 'react-native';
|
|
|
|
import Markdown from '@components/markdown';
|
|
|
|
import {PostMetadata} from '@mm-redux/types/posts';
|
|
|
|
type Props = {
|
|
baseTextStyle: StyleProp<TextStyle>;
|
|
blockStyles?: StyleProp<ViewStyle>[];
|
|
metadata?: PostMetadata;
|
|
onPermalinkPress?: () => void;
|
|
textStyles?: StyleProp<TextStyle>[];
|
|
value?: string;
|
|
}
|
|
export default function AttachmentPreText(props: Props) {
|
|
const {
|
|
baseTextStyle,
|
|
blockStyles,
|
|
metadata,
|
|
onPermalinkPress,
|
|
value,
|
|
textStyles,
|
|
} = props;
|
|
|
|
if (!value) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<View style={style.container}>
|
|
<Markdown
|
|
|
|
// TODO: remove any when migrating Markdown to typescript
|
|
baseTextStyle={baseTextStyle as any}
|
|
textStyles={textStyles}
|
|
blockStyles={blockStyles}
|
|
disableGallery={true}
|
|
imagesMetadata={metadata?.images}
|
|
value={value}
|
|
onPermalinkPress={onPermalinkPress}
|
|
/>
|
|
</View>
|
|
);
|
|
}
|
|
|
|
const style = StyleSheet.create({
|
|
container: {
|
|
marginTop: 5,
|
|
},
|
|
});
|