fix share link on user profiles

src/components/common-menu-items/copy-embed-code.tsx

@@ -10,7 +10,7 @@ export default function CopyEmbedCodeMenuItem({ event }: { event: NostrEvent })
   return (
     address && (
       <MenuItem onClick={() => window.navigator.clipboard.writeText("nostr:" + address)} icon={<CopyToClipboardIcon />}>
-        Copy Embed Code
+        Copy embed code
       </MenuItem>
     )
   );

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={<ShareIcon />}
       >
-        Copy Share Link
+        Copy share link
       </MenuItem>
     )
   );

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 = ({
         <MenuItem icon={<SpyIcon fontSize="1.5em" />} onClick={() => loginAsUser()}>
           Login as {truncatedId(getUserDisplayName(metadata, pubkey))}
         </MenuItem>
-        <MenuItem onClick={() => copyToClipboard("nostr:" + sharableId)} icon={<CopyToClipboardIcon />}>
+        <MenuItem
+          onClick={() => window.navigator.clipboard.writeText("https://njump.me/" + sharableId)}
+          icon={<ShareIcon />}
+        >
           Copy share link
         </MenuItem>
+        <MenuItem
+          onClick={() => window.navigator.clipboard.writeText("nostr:" + sharableId)}
+          icon={<CopyToClipboardIcon />}
+        >
+          Copy Embed Code
+        </MenuItem>
         <MenuItem onClick={infoModal.onOpen} icon={<CodeIcon />}>
           View Raw
         </MenuItem>