fix: Copy custom timestamp instead of epoch

This commit is contained in:
April Hall 2025-02-25 13:17:04 -05:00
parent d6b78d7367
commit 6d5fde6b19
No known key found for this signature in database
GPG Key ID: A49AC35CB186266C

View File

@ -16,7 +16,6 @@
} }
let { message, imageSrc, user, timestamp, uid, open = $bindable(), closeDialogs, i }: TypeMessage & Props = $props(); let { message, imageSrc, user, timestamp, uid, open = $bindable(), closeDialogs, i }: TypeMessage & Props = $props();
let epoch: number = Math.floor(timestamp.getTime() / 1000);
function copy(itemName: string, content: string | number) { function copy(itemName: string, content: string | number) {
navigator.clipboard navigator.clipboard
@ -58,18 +57,36 @@
</div> </div>
</ContextMenu.Trigger> </ContextMenu.Trigger>
<ContextMenu.Content> <ContextMenu.Content>
<!-- Copy Username -->
<ContextMenu.Item class="flex cursor-pointer items-center gap-1.5" onclick={() => copy('username', user)} <ContextMenu.Item class="flex cursor-pointer items-center gap-1.5" onclick={() => copy('username', user)}
><SquareUserRound size={16} />Copy Username</ContextMenu.Item ><SquareUserRound size={16} />Copy Username</ContextMenu.Item
> >
<!-- Copy User ID -->
<ContextMenu.Item class="flex cursor-pointer items-center gap-1.5" onclick={() => copy('user ID', uid)} <ContextMenu.Item class="flex cursor-pointer items-center gap-1.5" onclick={() => copy('user ID', uid)}
><IDCard size={16} />Copy User ID</ContextMenu.Item ><IDCard size={16} />Copy User ID</ContextMenu.Item
> >
<ContextMenu.Separator /> <ContextMenu.Separator />
<!-- Copy Text -->
<ContextMenu.Item class="flex cursor-pointer items-center gap-1.5" onclick={() => copy('message', message)} <ContextMenu.Item class="flex cursor-pointer items-center gap-1.5" onclick={() => copy('message', message)}
><Clipboard size={16} />Copy Text</ContextMenu.Item ><Clipboard size={16} />Copy Text</ContextMenu.Item
> >
<ContextMenu.Item class="flex cursor-pointer items-center gap-1.5" onclick={() => copy('timestamp', epoch)} <!-- Copy Timestamp -->
><CalendarClock size={16} />Copy Timestamp</ContextMenu.Item <ContextMenu.Item
class="flex cursor-pointer items-center gap-1.5"
onclick={() =>
copy(
'timestamp',
timestamp.toLocaleDateString('en-US', {
year: 'numeric',
month: 'long',
day: '2-digit',
hour12: true,
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
timeZoneName: 'short',
}),
)}><CalendarClock size={16} />Copy Timestamp</ContextMenu.Item
> >
</ContextMenu.Content> </ContextMenu.Content>
</ContextMenu.Root> </ContextMenu.Root>