fix: escape heading on user message item

[urmauur]

Describe Your Changes

The changes in the provided git diff involve two TypeScript files and focus on modifying how markdown text is processed and rendered. Here's a breakdown of what has been changed:

1. MarkdownTextMessage.tsx:

   • Function Parameter Modification:

     • The MarkdownTextMessage component's props have been modified to include an isUser boolean property alongside the existing id and text properties. This is indicated by the change to the function signature from:

       ({ text }: { id: string; text: string })

       to:

       ({ text, isUser }: { id: string; text: string; isUser: boolean })

   • Markdown Preprocessing:

     • Introduced a new function preprocessMarkdown to modify the markdown text if the isUser flag is true. The function escapes markdown headings by prefixing them with a backslash. This is done using a replace method:

       text.replace(/^#{1,6} /gm, (match) => `\\${match}`)

     • Condition: The preprocessing only occurs if the isUser prop is true.

   • Markdown Component Usage:

     • The markdown content now uses the preprocessed markdown text:

       {preprocessMarkdown(text)}

     • Replacing the previous direct usage of text:

       {text}

2. index.tsx:

   • Props Update in Component Usage:
     • Updated the MarkdownTextMessage component instantiation to include the isUser prop:

       <MarkdownTextMessage
         id={props.id}
         text={text}
         isUser={isUser}
       />

     • Previously, it was:

       <MarkdownTextMessage id={props.id} text={text} />

In summary, these changes introduce a conditional preprocessing of markdown messages based on the user context (isUser), specifically to escape headings in markdown content originating from users.

Fixes Issues

• Closes #
• Closes #

Self Checklist

• Added relevant comments, esp in complex areas
• Updated docs (for bug fixes / features)
• Created issues for follow-up changes or refactoring needed

[github-actions]

Barecheck - Code coverage report

Total: 69.04%

Your code coverage diff: -0.03% ▾

Uncovered files and lines

File	Lines
web/screens/Thread/ThreadCenterPanel/TextMessage/MarkdownTextMessage.tsx	23, 27-28, 32, 40-43, 45, 49, 56-58, 64, 67-69, 71, 76-77, 80, 130, 132-133, 138-139, 198
web/screens/Thread/ThreadCenterPanel/TextMessage/index.tsx	31-36, 38, 40, 44, 46, 50

[github-actions]

This is the build for this pull request. You can download it from the Artifacts section here: Build URL.