diff --git a/src/modules/blocks/BlocksRenderer.tsx b/src/modules/blocks/BlocksRenderer.tsx index 9cd8b6605..c03223160 100644 --- a/src/modules/blocks/BlocksRenderer.tsx +++ b/src/modules/blocks/BlocksRenderer.tsx @@ -13,7 +13,7 @@ import { InlineError } from '~/common/components/InlineError'; import { RenderCode, RenderCodeMemo } from './code/RenderCode'; import { RenderHtml } from './RenderHtml'; -import { RenderImage } from './RenderImage'; +import { RenderImageURL } from './RenderImageURL'; import { RenderMarkdown, RenderMarkdownMemo } from './markdown/RenderMarkdown'; import { RenderChatText } from './RenderChatText'; import { RenderTextDiff } from './RenderTextDiff'; @@ -193,35 +193,24 @@ export const BlocksRenderer = React.forwardRefmodified by user - auto-update disabled )} - {errorMessage ? ( - - {text}} variant='soft'> - - - - ) : ( - - // sequence of render components, for each Block - blocks.map( - (block, index) => { - // Optimization: only memo the non-currently-rendered components, if the message is still in flux - const optimizeSubBlockWithMemo = props.optiAllowSubBlocksMemo && index !== blocks.length - 1; - const RenderCodeMemoOrNot = optimizeSubBlockWithMemo ? RenderCodeMemo : RenderCode; - const RenderMarkdownMemoOrNot = optimizeSubBlockWithMemo ? RenderMarkdownMemo : RenderMarkdown; - return block.type === 'htmlb' - ? - : block.type === 'codeb' - ? - : block.type === 'imageb' - ? - : block.type === 'diffb' - ? - : (props.renderTextAsMarkdown && !fromSystem && !isUserCommand) - ? - : ; - }) - - )} + {/* sequence of render components, for each Block */} + {blocks.map((block, index) => { + // Optimization: only memo the non-currently-rendered components, if the message is still in flux + const optimizeSubBlockWithMemo = props.optiAllowSubBlocksMemo && index !== blocks.length - 1; + const RenderCodeMemoOrNot = optimizeSubBlockWithMemo ? RenderCodeMemo : RenderCode; + const RenderMarkdownMemoOrNot = optimizeSubBlockWithMemo ? RenderMarkdownMemo : RenderMarkdown; + return block.type === 'htmlb' + ? + : block.type === 'codeb' + ? + : block.type === 'imageb' + ? + : block.type === 'diffb' + ? + : (props.renderTextAsMarkdown && !fromSystem && !isUserCommand) + ? + : ; + })} {isTextCollapsed ? ( diff --git a/src/modules/blocks/RenderImage.tsx b/src/modules/blocks/RenderImageURL.tsx similarity index 99% rename from src/modules/blocks/RenderImage.tsx rename to src/modules/blocks/RenderImageURL.tsx index 854fe1863..860824393 100644 --- a/src/modules/blocks/RenderImage.tsx +++ b/src/modules/blocks/RenderImageURL.tsx @@ -70,7 +70,7 @@ export function heuristicLegacyImageBlocks(fullText: string): ImageBlock[] | nul } -export const RenderImage = (props: { +export const RenderImageURL = (props: { imageBlock: ImageBlock, noTooltip?: boolean, onRunAgain?: (e: React.MouseEvent) => void, sx?: SxProps, diff --git a/src/modules/blocks/blocks.ts b/src/modules/blocks/blocks.ts index ab462d8dd..c93d83f97 100644 --- a/src/modules/blocks/blocks.ts +++ b/src/modules/blocks/blocks.ts @@ -1,7 +1,7 @@ import type { Diff as TextDiff } from '@sanity/diff-match-patch'; import { heuristicIsHtml } from './RenderHtml'; -import { heuristicLegacyImageBlocks, heuristicMarkdownImageReferenceBlocks } from './RenderImage'; +import { heuristicLegacyImageBlocks, heuristicMarkdownImageReferenceBlocks } from './RenderImageURL'; // Block types export type Block = CodeBlock | DiffBlock | HtmlBlock | ImageBlock | TextBlock;