Update message icons and enhance MessageHide component for better context display

2024-12-20 18:42:36 +08:00
parent 5f6d83000d
commit 3ad8243531
2 changed files with 10 additions and 3 deletions
--- a/src/messageHide.tsx
+++ b/src/messageHide.tsx
@@ -6,5 +6,12 @@ interface 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>
+  );
 }