mattermost-mobile-upstream/app/components/block_renderer/block_renderer.tsx

// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.

import React, {useMemo} from 'react';

import {ContainerBlock} from './layout_blocks';
import {MmBlocksContextProvider} from './mm_blocks_context_provider';

import type {MmBlocksInlineMarkdownActions} from './context';
import type {ActionHandler} from './types';
import type {AvailableScreens} from '@typings/screens/navigation';

export type BlockRendererProps = {
    blocks: MmBlock[];
    channelId: string;
    imagesMetadata?: Record<string, PostImage>;
    inlineMarkdownActions?: MmBlocksInlineMarkdownActions;
    location: AvailableScreens;
    onAction: ActionHandler;
    postId: string;
    theme: Theme;
};

export const BlockRenderer = ({
    blocks,
    channelId,
    imagesMetadata,
    inlineMarkdownActions,
    location,
    onAction,
    postId,
    theme,
}: BlockRendererProps) => {
    const block = useMemo(() => ({
        type: 'container' as const,
        content: blocks,
    }), [blocks]);

    return (
        <MmBlocksContextProvider
            channelId={channelId}
            imagesMetadata={imagesMetadata}
            inlineMarkdownActions={inlineMarkdownActions}
            location={location}
            postId={postId}
        >
            <ContainerBlock
                block={block}
                onAction={onAction}
                theme={theme}
            />
        </MmBlocksContextProvider>
    );
};