62 lines
1.8 KiB
JavaScript
62 lines
1.8 KiB
JavaScript
// Copyright (c) 2017-present Mattermost, Inc. All Rights Reserved.
|
|
// See License.txt for license information.
|
|
|
|
import React, {PureComponent} from 'react';
|
|
import {View} from 'react-native';
|
|
import PropTypes from 'prop-types';
|
|
|
|
import CustomPropTypes from 'app/constants/custom_prop_types';
|
|
|
|
import MessageAttachment from './message_attachment';
|
|
|
|
export default class MessageAttachments extends PureComponent {
|
|
static propTypes = {
|
|
attachments: PropTypes.array.isRequired,
|
|
baseTextStyle: CustomPropTypes.Style,
|
|
blockStyles: PropTypes.object,
|
|
postId: PropTypes.string.isRequired,
|
|
navigator: PropTypes.object.isRequired,
|
|
onLongPress: PropTypes.func.isRequired,
|
|
onPermalinkPress: PropTypes.func,
|
|
theme: PropTypes.object,
|
|
textStyles: PropTypes.object,
|
|
};
|
|
|
|
render() {
|
|
const {
|
|
attachments,
|
|
baseTextStyle,
|
|
blockStyles,
|
|
navigator,
|
|
onLongPress,
|
|
onPermalinkPress,
|
|
postId,
|
|
theme,
|
|
textStyles,
|
|
} = this.props;
|
|
const content = [];
|
|
|
|
attachments.forEach((attachment, i) => {
|
|
content.push(
|
|
<MessageAttachment
|
|
attachment={attachment}
|
|
baseTextStyle={baseTextStyle}
|
|
blockStyles={blockStyles}
|
|
key={'att_' + i}
|
|
navigator={navigator}
|
|
onLongPress={onLongPress}
|
|
onPermalinkPress={onPermalinkPress}
|
|
postId={postId}
|
|
theme={theme}
|
|
textStyles={textStyles}
|
|
/>
|
|
);
|
|
});
|
|
|
|
return (
|
|
<View style={{flex: 1, flexDirection: 'column'}}>
|
|
{content}
|
|
</View>
|
|
);
|
|
}
|
|
}
|