heimoshuiyu/chatgpt-api-web
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Update message icons and enhance MessageHide component for better context display

Browse Source
This commit is contained in:
ecwu
2024-12-20 18:42:36 +08:00
parent 5f6d83000d
commit 3ad8243531
2 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/message.tsx
View File

@@ -20,7 +20,7 @@ import {
ChatBubbleActionWrapper, ChatBubbleActionWrapper,
} from "@/components/ui/chat/chat-bubble"; } from "@/components/ui/chat/chat-bubble";
import { useToast } from "@/hooks/use-toast"; import { useToast } from "@/hooks/use-toast";
import { ClipboardIcon, PencilIcon, TrashIcon } from "lucide-react"; import { ClipboardIcon, PencilIcon, MessageSquareOffIcon } from "lucide-react";
export const isVailedJSON = (str: string): boolean => { export const isVailedJSON = (str: string): boolean => {
try { try {
@@ -158,7 +158,7 @@ export default function Message(props: Props) {
</ChatBubbleMessage> </ChatBubbleMessage>
<ChatBubbleActionWrapper> <ChatBubbleActionWrapper>
<ChatBubbleAction <ChatBubbleAction
icon={<TrashIcon className="size-4" />} icon={<MessageSquareOffIcon className="size-4" />}
onClick={() => { onClick={() => {
chatStore.history[messageIndex].hide = chatStore.history[messageIndex].hide =
!chatStore.history[messageIndex].hide; !chatStore.history[messageIndex].hide;

9
src/messageHide.tsx
View File

@@ -6,5 +6,12 @@ interface Props {
} }
export function MessageHide({ chat }: Props) { export function MessageHide({ chat }: Props) {
return <div>{getMessageText(chat).split("\n")[0].slice(0, 18)} ...</div>; return (
<div className="flex items-center gap-2 text-sm text-muted-foreground">
<span>{getMessageText(chat).split("\n")[0].slice(0, 18)} ...</span>
<span className="rounded-md bg-secondary px-2 py-1 text-xs">
Removed from context
</span>
</div>
);
} }