diff --git a/src/components/common-menu-items/copy-embed-code.tsx b/src/components/common-menu-items/copy-embed-code.tsx index fad23f13a..4646255a7 100644 --- a/src/components/common-menu-items/copy-embed-code.tsx +++ b/src/components/common-menu-items/copy-embed-code.tsx @@ -10,7 +10,7 @@ export default function CopyEmbedCodeMenuItem({ event }: { event: NostrEvent }) return ( address && ( window.navigator.clipboard.writeText("nostr:" + address)} icon={}> - Copy Embed Code + Copy embed code ) ); diff --git a/src/components/common-menu-items/copy-share-link.tsx b/src/components/common-menu-items/copy-share-link.tsx index 68219f5c1..ef3b44c24 100644 --- a/src/components/common-menu-items/copy-share-link.tsx +++ b/src/components/common-menu-items/copy-share-link.tsx @@ -13,7 +13,7 @@ export default function CopyShareLinkMenuItem({ event }: { event: NostrEvent }) onClick={() => window.navigator.clipboard.writeText("https://njump.me/" + address)} icon={} > - Copy Share Link + Copy share link ) ); diff --git a/src/views/user/components/user-profile-menu.tsx b/src/views/user/components/user-profile-menu.tsx index 0e23e6751..539d6eef3 100644 --- a/src/views/user/components/user-profile-menu.tsx +++ b/src/views/user/components/user-profile-menu.tsx @@ -1,7 +1,6 @@ import { MenuItem, useDisclosure } from "@chakra-ui/react"; import { Link as RouterLink } from "react-router-dom"; import { nip19 } from "nostr-tools"; -import { useCopyToClipboard } from "react-use"; import { CustomMenuIconButton, MenuIconButtonProps } from "../../../components/menu-icon-button"; import { @@ -13,6 +12,7 @@ import { RelayIcon, SpyIcon, UnmuteIcon, + ShareIcon, } from "../../../components/icons"; import accountService from "../../../services/account"; import { useUserMetadata } from "../../../hooks/use-user-metadata"; @@ -38,13 +38,11 @@ export const UserProfileMenu = ({ const sharableId = useSharableProfileId(pubkey); const { isMuted, mute, unmute } = useUserMuteFunctions(pubkey); - const [_clipboardState, copyToClipboard] = useCopyToClipboard(); - const loginAsUser = () => { const readRelays = userRelays.filter((r) => r.mode === RelayMode.READ).map((r) => r.url) ?? []; if (!accountService.hasAccount(pubkey)) { accountService.addAccount({ - type: 'pubkey', + type: "pubkey", pubkey, relays: readRelays, readonly: true, @@ -70,9 +68,18 @@ export const UserProfileMenu = ({ } onClick={() => loginAsUser()}> Login as {truncatedId(getUserDisplayName(metadata, pubkey))} - copyToClipboard("nostr:" + sharableId)} icon={}> + window.navigator.clipboard.writeText("https://njump.me/" + sharableId)} + icon={} + > Copy share link + window.navigator.clipboard.writeText("nostr:" + sharableId)} + icon={} + > + Copy Embed Code + }> View Raw