From 01365155402746b44e84a1744715816c527c7ef1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20Omar=20Vergara=20P=C3=A9rez?=
 <daniel.omar.vergara@gmail.com>
Date: Fri, 23 May 2025 00:47:26 -0600
Subject: [PATCH] feat: add option to copy share link (#349)

---
 src/components/NoteOptions/index.tsx | 23 +++++++++++++++++++++--
 src/i18n/locales/pt-BR.ts            |  1 +
 src/lib/event.ts                     |  4 ++++
 3 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/components/NoteOptions/index.tsx b/src/components/NoteOptions/index.tsx
index 3c6e1a8..e5cdce2 100644
--- a/src/components/NoteOptions/index.tsx
+++ b/src/components/NoteOptions/index.tsx
@@ -7,12 +7,12 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger
 } from '@/components/ui/dropdown-menu'
-import { getSharableEventId } from '@/lib/event'
+import { getSharableEventId, getSharableEventLink } from '@/lib/event'
 import { pubkeyToNpub } from '@/lib/pubkey'
 import { useMuteList } from '@/providers/MuteListProvider'
 import { useNostr } from '@/providers/NostrProvider'
 import { useScreenSize } from '@/providers/ScreenSizeProvider'
-import { Bell, BellOff, Code, Copy, Ellipsis } from 'lucide-react'
+import { Bell, BellOff, Code, Copy, Ellipsis, Link } from 'lucide-react'
 import { Event } from 'nostr-tools'
 import { useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
@@ -74,6 +74,17 @@ export default function NoteOptions({ event, className }: { event: Event; classN
                 <Copy />
                 {t('Copy user ID')}
               </Button>
+              <Button
+                onClick={() => {
+                  setIsDrawerOpen(false)
+                  navigator.clipboard.writeText(getSharableEventLink(event))
+                }}
+                className="w-full p-6 justify-start text-lg gap-4 [&_svg]:size-5"
+                variant="ghost"
+              >
+                <Link />
+                {t('Copy share link')}
+              </Button>
               <Button
                 onClick={() => {
                   setIsRawEventDialogOpen(true)
@@ -126,7 +137,15 @@ export default function NoteOptions({ event, className }: { event: Event; classN
             <Copy />
             {t('Copy user ID')}
           </DropdownMenuItem>
+          <DropdownMenuItem
+            onClick={() => navigator.clipboard.writeText(getSharableEventLink(event))}
+          >
+            <Link />
+            {t('Copy share link')}
+          </DropdownMenuItem>
+
           <DropdownMenuSeparator />
+
           <DropdownMenuItem onClick={() => setIsRawEventDialogOpen(true)}>
             <Code />
             {t('View raw event')}
diff --git a/src/i18n/locales/pt-BR.ts b/src/i18n/locales/pt-BR.ts
index 530d4e4..fd21259 100644
--- a/src/i18n/locales/pt-BR.ts
+++ b/src/i18n/locales/pt-BR.ts
@@ -43,6 +43,7 @@ export default {
     Quote: 'Citar',
     'Copy event ID': 'Copiar ID do evento',
     'Copy user ID': 'Copiar ID do usuário',
+    'Copy share ink': 'Copiar link de compartilhamento',
     'View raw event': 'Ver evento bruto',
     Like: 'Curtir',
     'switch to light theme': 'Alternar para tema claro',
diff --git a/src/lib/event.ts b/src/lib/event.ts
index d7cf143..7c43637 100644
--- a/src/lib/event.ts
+++ b/src/lib/event.ts
@@ -129,6 +129,10 @@ export function getSharableEventId(event: Event) {
   return nip19.neventEncode({ id: event.id, author: event.pubkey, kind: event.kind, relays: hints })
 }
 
+export function getSharableEventLink(event: Event) {
+  return `https://njump.me/${getSharableEventId(event)}`
+}
+
 export function getUsingClient(event: Event) {
   return event.tags.find(tagNameEquals('client'))?.[1]
 }