highperfocused/grimoire
1
0
Fork 0
mirror of https://github.com/purrgrammer/grimoire.git synced 2026-04-11 07:56:50 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor: simplify copy chat ID button styling

Browse Source 
- Use CopyCheck icon instead of Check for consistency with CodeCopyButton
- Remove tooltip to reduce UI noise
- Keep hover state styling (muted to foreground)
This commit is contained in:
Claude
2026-01-15 10:36:46 +00:00
parent 9e0f9042b5
commit 05ac63e8e7
1 changed files with 15 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/ChatViewer.tsx
View File

@@ -10,7 +10,7 @@ import {
RefreshCw,
Paperclip,
Copy,
Check,
CopyCheck,
} from "lucide-react";
import { nip19 } from "nostr-tools";
import { getZapRequest } from "applesauce-common/helpers/zap";
@@ -857,28 +857,20 @@ export function ChatViewer({
</TooltipProvider>
{/* Copy Chat ID button */}
{getChatIdentifier(conversation) && (
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<button
onClick={() => {
const chatId = getChatIdentifier(conversation);
if (chatId) copyChatId(chatId);
}}
className="text-muted-foreground hover:text-foreground transition-colors flex-shrink-0"
>
{chatIdCopied ? (
<Check className="size-3.5 text-green-500" />
) : (
<Copy className="size-3.5" />
)}
</button>
</TooltipTrigger>
<TooltipContent side="bottom">
<p>{chatIdCopied ? "Copied!" : "Copy chat ID"}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
<button
onClick={() => {
const chatId = getChatIdentifier(conversation);
if (chatId) copyChatId(chatId);
}}
className="text-muted-foreground hover:text-foreground transition-colors flex-shrink-0"
aria-label="Copy chat ID"
>
{chatIdCopied ? (
<CopyCheck className="size-3.5" />
) : (
<Copy className="size-3.5" />
)}
</button>
)}
</div>
<div className="flex items-center gap-2 text-xs text-muted-foreground p-1">