mattermost-mobile/app/components/markdown/markdown_block_quote.js
Mattermost Build bb0e056fba
Update dependencies (#5266) (#5283)
* Update dependencies

* Fix lint, use npm@6

* Fix unit tests

* Dowgrade Fastlane

* Fix Fastlane script

* use android:api-29-node ci image

* Infer gradle json file from apk output folder

* Fastlane to Parse new version of gradle output-metadata.json

(cherry picked from commit f8a0f29237)

Co-authored-by: Elias Nahum <nahumhbl@gmail.com>
2021-04-06 11:27:26 -04:00

57 lines
1.4 KiB
JavaScript

// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import React, {PureComponent} from 'react';
import PropTypes from 'prop-types';
import {
StyleSheet,
View,
} from 'react-native';
import CompassIcon from '@components/compass_icon';
import CustomPropTypes from '@constants/custom_prop_types';
export default class MarkdownBlockQuote extends PureComponent {
static propTypes = {
continue: PropTypes.bool,
iconStyle: CustomPropTypes.Style,
children: CustomPropTypes.Children,
};
render() {
let icon;
if (!this.props.continue) {
icon = (
<CompassIcon
name='format-quote-open'
style={this.props.iconStyle}
size={20}
/>
);
}
return (
<View style={style.container}>
<View style={style.icon}>
{icon}
</View>
<View style={style.childContainer}>
{this.props.children}
</View>
</View>
);
}
}
const style = StyleSheet.create({
container: {
alignItems: 'flex-start',
flexDirection: 'row',
},
childContainer: {
flex: 1,
},
icon: {
width: 23,
},
});