apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-05-03 12:52:39 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

refactor: replace MessageSquare with MessageCircleReply across various components

Browse source 
- Updated icon imports and usages in AssistantMessage, CommentItem, CommentSheet, CommentThread, and InboxSidebar components.
- Enhanced visual consistency by standardizing the reply icon throughout the chat-related UI elements.
This commit is contained in:
Anish Sarkar 2026-04-25 15:12:22 +05:30
parent f877269768
commit 5e756c8dfa
12 changed files with 109 additions and 103 deletions
Download patch file Download diff file Expand all files Collapse all files

4
surfsense_web/components/chat-comments/comment-item/comment-item.tsx
View file

@ -1,7 +1,7 @@
"use client";
import { useAtomValue, useSetAtom } from "jotai";
import { MessageSquare } from "lucide-react";
import { MessageCircleReply } from "lucide-react";
import { useEffect, useRef, useState } from "react";
import { clearTargetCommentIdAtom, targetCommentIdAtom } from "@/atoms/chat/current-thread.atom";
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
@ -216,7 +216,7 @@ export function CommentItem({
className="mt-1 h-7 w-fit px-2 text-xs text-muted-foreground hover:text-foreground"
onClick={() => onReply(comment.id)}
>
<MessageSquare className="mr-1 size-3" />
<MessageCircleReply className="mr-1 size-3" />
Reply
</Button>
)}

6
surfsense_web/components/chat-comments/comment-sheet/comment-sheet.tsx
View file

@ -1,6 +1,6 @@
"use client";
import { MessageSquare } from "lucide-react";
import { MessageCircleReply } from "lucide-react";
import {
Drawer,
DrawerContent,
@ -30,7 +30,7 @@ export function CommentSheet({
<DrawerHandle />
<DrawerHeader className="px-4 pb-3 pt-2">
<DrawerTitle className="flex items-center gap-2 text-base font-semibold">
<MessageSquare className="size-5" />
<MessageCircleReply className="size-5" />
Comments
{commentCount > 0 && (
<span className="rounded-full bg-primary/10 px-2 py-0.5 text-xs font-medium text-primary">
@ -56,7 +56,7 @@ export function CommentSheet({
>
<SheetHeader className="flex-shrink-0 px-4 py-4">
<SheetTitle className="flex items-center gap-2 text-base font-semibold">
<MessageSquare className="size-5" />
<MessageCircleReply className="size-5" />
Comments
{commentCount > 0 && (
<span className="rounded-full bg-primary/10 px-2 py-0.5 text-xs font-medium text-primary">

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

@ -1,6 +1,6 @@
"use client";
import { ChevronDown, ChevronRight, MessageSquare } from "lucide-react";
import { ChevronDown, ChevronRight, MessageCircleReply } from "lucide-react";
import { useState } from "react";
import { Button } from "@/components/ui/button";
import { CommentComposer } from "../comment-composer/comment-composer";
@ -143,7 +143,7 @@ export function CommentThread({
</div>
) : (
<Button variant="ghost" size="sm" className="h-7 px-2 text-xs" onClick={handleReply}>
<MessageSquare className="mr-1 size-3" />
<MessageCircleReply className="mr-1 size-3" />
Reply
</Button>
)}
@ -155,7 +155,7 @@ export function CommentThread({
{!hasReplies && !isReplyComposerOpen && (
<div className="ml-7 mt-1">
<Button variant="ghost" size="sm" className="h-7 px-2 text-xs" onClick={handleReply}>
<MessageSquare className="mr-1 size-3" />
<MessageCircleReply className="mr-1 size-3" />
Reply
</Button>
</div>