jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

fix: fix overflow for lists in markdown render (#4720)

Browse source 
* feat: Add support for ordered and unordered lists in ContentDisplay and ChatMessage components to prevent overflow
This commit is contained in:
anovazzi1 2024-11-19 18:28:39 -03:00 • committed by GitHub
commit 39cec36641
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 20 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/frontend/src/components/chatComponents/ContentDisplay.tsx
View file

@ -155,6 +155,12 @@ export default function ContentDisplay({
pre({ node, ...props }) { pre({ node, ...props }) {
return <>{props.children}</>; return <>{props.children}</>;
}, },
ol({ node, ...props }) {
return <ol className="max-w-full">{props.children}</ol>;
},
ul({ node, ...props }) {
return <ul className="max-w-full">{props.children}</ul>;
},
code: ({ node, inline, className, children, ...props }) => { code: ({ node, inline, className, children, ...props }) => {
const match = /language-(\w+)/.exec(className || ""); const match = /language-(\w+)/.exec(className || "");
return !inline ? ( return !inline ? (

14
src/frontend/src/modals/IOModal/components/chatView/chatMessage/newChatMessage.tsx
View file

@ -552,6 +552,20 @@ export default function ChatMessage({
</span> </span>
); );
}, },
ol({ node, ...props }) {
return (
<ol className="max-w-full">
{props.children}
</ol>
);
},
ul({ node, ...props }) {
return (
<ul className="max-w-full">
{props.children}
</ul>
);
},
pre({ node, ...props }) { pre({ node, ...props }) {
return <>{props.children}</>; return <>{props.children}</>;
}, },