arithefirst/svchat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Context menu icons

Browse Source
This commit is contained in:
April Hall 2025-02-25 13:15:38 -05:00
parent c116ba4e31
commit d6b78d7367
No known key found for this signature in database
GPG Key ID: A49AC35CB186266C
1 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/lib/components/message.svelte
View File

@ -1,8 +1,13 @@
<script lang="ts"> <script lang="ts">
import { type TypeMessage } from '$lib/types';
import Prose from '$lib/components/prose.svelte'; import Prose from '$lib/components/prose.svelte';
import renderMarkdown from '$lib/functions/renderMarkdown';
import * as ContextMenu from '$lib/components/ui/context-menu'; import * as ContextMenu from '$lib/components/ui/context-menu';
import renderMarkdown from '$lib/functions/renderMarkdown';
import { type TypeMessage } from '$lib/types';
import Clipboard from 'lucide-svelte/icons/clipboard';
import SquareUserRound from 'lucide-svelte/icons/square-user-round';
import IDCard from 'lucide-svelte/icons/id-card';
import CalendarClock from 'lucide-svelte/icons/calendar-clock';
interface Props { interface Props {
open: boolean; open: boolean;
@ -53,11 +58,19 @@
</div> </div>
</ContextMenu.Trigger> </ContextMenu.Trigger>
<ContextMenu.Content> <ContextMenu.Content>
<ContextMenu.Item class="cursor-pointer" onclick={() => copy('username', user)}>Copy Username</ContextMenu.Item> <ContextMenu.Item class="flex cursor-pointer items-center gap-1.5" onclick={() => copy('username', user)}
<ContextMenu.Item class="cursor-pointer" onclick={() => copy('user ID', uid)}>Copy User ID</ContextMenu.Item> ><SquareUserRound size={16} />Copy Username</ContextMenu.Item
>
<ContextMenu.Item class="flex cursor-pointer items-center gap-1.5" onclick={() => copy('user ID', uid)}
><IDCard size={16} />Copy User ID</ContextMenu.Item
>
<ContextMenu.Separator /> <ContextMenu.Separator />
<ContextMenu.Item class="cursor-pointer" onclick={() => copy('message', message)}>Copy message content</ContextMenu.Item> <ContextMenu.Item class="flex cursor-pointer items-center gap-1.5" onclick={() => copy('message', message)}
<ContextMenu.Item class="cursor-pointer" onclick={() => copy('timestamp', epoch)}>Copy message epoch</ContextMenu.Item> ><Clipboard size={16} />Copy Text</ContextMenu.Item
>
<ContextMenu.Item class="flex cursor-pointer items-center gap-1.5" onclick={() => copy('timestamp', epoch)}
><CalendarClock size={16} />Copy Timestamp</ContextMenu.Item
>
</ContextMenu.Content> </ContextMenu.Content>
</ContextMenu.Root> </ContextMenu.Root>