verdnatura-chat/app/containers/markdown/new/index.tsx

import React from 'react';
import { MarkdownAST } from '@rocket.chat/message-parser';
import isEmpty from 'lodash/isEmpty';

import Quote from './Quote';
import Paragraph from './Paragraph';
import Heading from './Heading';
import Code from './Code';
import BigEmoji from './BigEmoji';
import OrderedList from './OrderedList';
import UnorderedList from './UnorderedList';
import { IUserMention, IUserChannel, TOnLinkPress } from '../interfaces';
import TaskList from './TaskList';
import MarkdownContext from './MarkdownContext';

interface IBodyProps {
	tokens?: MarkdownAST;
	mentions?: IUserMention[];
	channels?: IUserChannel[];
	getCustomEmoji?: Function;
	onLinkPress?: TOnLinkPress;
	navToRoomInfo?: Function;
	useRealName?: boolean;
	username: string;
	baseUrl: string;
}

const Body = ({
	tokens,
	mentions,
	channels,
	useRealName,
	username,
	navToRoomInfo,
	getCustomEmoji,
	baseUrl,
	onLinkPress
}: IBodyProps): React.ReactElement | null => {
	if (isEmpty(tokens)) {
		return null;
	}

	return (
		<MarkdownContext.Provider
			value={{
				mentions,
				channels,
				useRealName,
				username,
				navToRoomInfo,
				getCustomEmoji,
				baseUrl,
				onLinkPress
			}}>
			{tokens?.map(block => {
				switch (block.type) {
					case 'BIG_EMOJI':
						return <BigEmoji value={block.value} />;
					case 'UNORDERED_LIST':
						return <UnorderedList value={block.value} />;
					case 'ORDERED_LIST':
						return <OrderedList value={block.value} />;
					case 'TASKS':
						return <TaskList value={block.value} />;
					case 'QUOTE':
						return <Quote value={block.value} />;
					case 'PARAGRAPH':
						return <Paragraph value={block.value} />;
					case 'CODE':
						return <Code value={block.value} />;
					case 'HEADING':
						return <Heading value={block.value} level={block.level} />;
					default:
						return null;
				}
			})}
		</MarkdownContext.Provider>
	);
};

export default Body;