diff --git a/frontend/components/FleetMarkdown/FleetMarkdown.tsx b/frontend/components/FleetMarkdown/FleetMarkdown.tsx index 4825091740..4d50bc83a6 100644 --- a/frontend/components/FleetMarkdown/FleetMarkdown.tsx +++ b/frontend/components/FleetMarkdown/FleetMarkdown.tsx @@ -50,7 +50,7 @@ const FleetMarkdown = ({ markdown, className }: IFleetMarkdownProps) => { }, // Overrides code display to use FleetAce with Readonly overrides. - code: ({ children }) => { + code: ({ inline, children, ...props }) => { const onEditorBlur = (editor?: IAceEditor) => { editor && editor.clearSelection(); }; @@ -64,6 +64,14 @@ const FleetMarkdown = ({ markdown, className }: IFleetMarkdownProps) => { editor.renderer.visualizeFocus = noop; }; + // Dont render the fleet ace code block for simple inline code blocks. + // e.g. `x = 1` + if (inline) { + return {children}; + } + + // full code blocks we want to use Fleet Ace. + // e.g. ```SELECT * FROM USERS``` return ( { const platformListItems = platforms .filter((platform) => platform !== "freebsd") + .sort((a, b) => PLATFORM_ORDER.indexOf(a) - PLATFORM_ORDER.indexOf(b)) .map((platform) => { return (