apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-04-25 08:46:22 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(web): improve comment thread layout

Browse source
This commit is contained in:
CREDO23 2026-01-16 11:10:54 +02:00
parent 66275f1b53
commit d719370dc2
2 changed files with 15 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

31
surfsense_web/components/chat-comments/comment-thread/comment-thread.tsx
View file

@ -53,17 +53,8 @@ export function CommentThread({
onDelete={onDeleteComment}
/>
<div className="ml-11 flex items-center gap-2">
<Button
variant="outline"
size="sm"
className="h-7 px-3 text-xs"
onClick={handleReply}
>
<MessageSquare className="mr-1.5 size-3" />
Reply
</Button>
{thread.replies.length > 1 && (
{thread.replies.length > 1 && (
<div className="ml-11">
<Button
variant="ghost"
size="sm"
@ -77,8 +68,8 @@ export function CommentThread({
)}
{thread.replies.length} replies
</Button>
)}
</div>
</div>
)}
{thread.replies.length > 0 && (thread.replies.length === 1 || isRepliesExpanded) && (
<div className="ml-11 space-y-3">
@ -94,8 +85,8 @@ export function CommentThread({
</div>
)}
{isReplyComposerOpen && (
<div className="ml-11">
<div className="ml-11">
{isReplyComposerOpen ? (
<CommentComposer
members={members}
membersLoading={membersLoading}
@ -106,9 +97,13 @@ export function CommentThread({
onCancel={handleReplyCancel}
autoFocus
/>
</div>
)}
) : (
<Button variant="outline" size="sm" className="h-7 px-3 text-xs" onClick={handleReply}>
<MessageSquare className="mr-1.5 size-3" />
Reply
</Button>
)}
</div>
</div>
);
}