41 lines
903 B
TypeScript
41 lines
903 B
TypeScript
|
import React from 'react';
|
||
|
|
import { StyleSheet, Text } from 'react-native';
|
||
|
|
import { Bold as BoldProps } from '@rocket.chat/message-parser';
|
||
|
|
|
||
|
|
import sharedStyles from '../../../views/Styles';
|
||
|
|
import Strike from './Strike';
|
||
|
|
import Italic from './Italic';
|
||
|
|
import Plain from './Plain';
|
||
|
|
import Link from './Link';
|
||
|
|
|
||
|
|
interface IBoldProps {
|
||
|
|
value: BoldProps['value'];
|
||
|
|
}
|
||
|
|
|
||
|
|
const styles = StyleSheet.create({
|
||
|
|
text: {
|
||
|
|
...sharedStyles.textBold
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
const Bold = ({ value }: IBoldProps): JSX.Element => (
|
||
|
|
<Text style={styles.text}>
|
||
|
|
{value.map(block => {
|
||
|
|
switch (block.type) {
|
||
|
|
case 'LINK':
|
||
|
|
return <Link value={block.value} />;
|
||
|
|
case 'PLAIN_TEXT':
|
||
|
|
return <Plain value={block.value} />;
|
||
|
|
case 'STRIKE':
|
||
|
|
return <Strike value={block.value} />;
|
||
|
|
case 'ITALIC':
|
||
|
|
return <Italic value={block.value} />;
|
||
|
|
default:
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
})}
|
||
|
|
</Text>
|
||
|
|
);
|
||
|
|
|
||
|
|
export default Bold;
|