yusufipek/OpenFrame
1
0
Fork 0
mirror of https://github.com/yusufipk/OpenFrame.git synced 2026-09-11 17:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: preserve newlines/paragraph breaks in rendered comments

Browse Source 
Comment content was stored with newlines intact but rendered inside <p>
elements with default white-space, collapsing line breaks into single
spaces. Add whitespace-pre-wrap (and break-words) to the comment/reply
render wrappers in the comments pane and the compare-versions view.
This commit is contained in:
yusufipk
2026-07-10 19:33:03 +07:00
parent 880d0ac0fa
commit d500dcb042
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/(dashboard)/projects/[projectId]/videos/[videoId]/compare/compare-versions-page-client.tsx
+1 -1
View File
@@ -822,7 +822,7 @@ export default function CompareVersionsPageClient({
</button> </button>
</div> </div>
{comment.content && ( {comment.content && (
<p className="text-muted-foreground leading-relaxed"> <p className="text-muted-foreground leading-relaxed whitespace-pre-wrap break-words">
{comment.content} {comment.content}
</p> </p>
)} )}
components/video-page/comments-pane.tsx
+2 -2
View File
@@ -587,7 +587,7 @@ export const CommentsPane = memo(function CommentsPane({
) : ( ) : (
<div className="mb-2"> <div className="mb-2">
{comment.content && ( {comment.content && (
<p className="text-sm mb-2"> <p className="text-sm mb-2 whitespace-pre-wrap break-words">
<CommentRichText <CommentRichText
text={comment.content} text={comment.content}
onAssetMentionClick={onAssetMentionClick} onAssetMentionClick={onAssetMentionClick}
@@ -793,7 +793,7 @@ export const CommentsPane = memo(function CommentsPane({
) : ( ) : (
<div className="mb-1"> <div className="mb-1">
{reply.content && ( {reply.content && (
<p className="text-sm"> <p className="text-sm whitespace-pre-wrap break-words">
<CommentRichText <CommentRichText
text={reply.content} text={reply.content}
onAssetMentionClick={onAssetMentionClick} onAssetMentionClick={onAssetMentionClick}