ok fine

src/shared/notes/actions/more.tsx

@@ -1,8 +1,7 @@
 import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
-import * as Tooltip from '@radix-ui/react-tooltip';
 import { writeText } from '@tauri-apps/plugin-clipboard-manager';
 import { nip19 } from 'nostr-tools';
-import { EventPointer } from 'nostr-tools/lib/nip19';
+import { EventPointer } from 'nostr-tools/lib/types/nip19';
 import { useState } from 'react';
 import { Link } from 'react-router-dom';
 
@@ -25,19 +24,20 @@ export function MoreActions({ id, pubkey }: { id: string; pubkey: string }) {
 
   return (
     <DropdownMenu.Root open={open} onOpenChange={setOpen}>
-      <DropdownMenu.Trigger>
-        <HorizontalDotsIcon className="h-5 w-5 text-neutral-800 hover:text-blue-500 dark:text-neutral-200" />
+      <DropdownMenu.Trigger asChild>
+        <button type="button" className="inline-flex h-7 w-7 items-center justify-center">
+          <HorizontalDotsIcon className="h-5 w-5 text-neutral-800 hover:text-blue-500 dark:text-neutral-200" />
+        </button>
       </DropdownMenu.Trigger>
       <DropdownMenu.Portal>
         <DropdownMenu.Content className="flex w-[200px] flex-col overflow-hidden rounded-xl border border-neutral-300 bg-neutral-200 focus:outline-none dark:border-neutral-700 dark:bg-neutral-800">
           <DropdownMenu.Item asChild>
-            <button
-              type="button"
-              onClick={() => copyLink()}
+            <Link
+              to={`/notes/text/${id}`}
               className="inline-flex h-10 items-center px-4 text-sm text-neutral-900 hover:bg-neutral-300 focus:outline-none dark:text-neutral-100 dark:hover:bg-neutral-700"
             >
               Focus
-            </button>
+            </Link>
           </DropdownMenu.Item>
           <DropdownMenu.Item asChild>
             <button

src/shared/notes/actions/reaction.tsx

@@ -62,7 +62,7 @@ export function NoteReaction({ id, pubkey }: { id: string; pubkey: string }) {
       <Popover.Trigger asChild>
         <button
           type="button"
-          className="group inline-flex h-7 w-7 items-center justify-center text-neutral-500 dark:text-neutral-300"
+          className="group inline-flex h-7 w-7 items-center justify-center text-neutral-600 dark:text-neutral-400"
         >
           {reaction ? (
             <img src={getReactionImage(reaction)} alt={reaction} className="h-5 w-5" />

src/shared/notes/actions/reply.tsx

@@ -21,7 +21,7 @@ export function NoteReply({
         <button
           type="button"
           onClick={() => setReply(id, pubkey, root)}
-          className="group inline-flex h-7 w-7 items-center justify-center text-neutral-500 dark:text-neutral-300"
+          className="group inline-flex h-7 w-7 items-center justify-center text-neutral-600 dark:text-neutral-400"
         >
           <ReplyIcon className="h-5 w-5 group-hover:text-blue-500" />
         </button>

src/shared/notes/actions/repost.tsx

@@ -44,7 +44,7 @@ export function NoteRepost({ id, pubkey }: { id: string; pubkey: string }) {
           <AlertDialog.Trigger asChild>
             <button
               type="button"
-              className="group inline-flex h-7 w-7 items-center justify-center text-neutral-500 dark:text-neutral-300"
+              className="group inline-flex h-7 w-7 items-center justify-center text-neutral-600 dark:text-neutral-400"
             >
               <RepostIcon
                 className={twMerge(

src/shared/notes/actions/zap.tsx

@@ -1,6 +1,7 @@
 import { webln } from '@getalby/sdk';
 import { SendPaymentResponse } from '@getalby/sdk/dist/types';
 import * as Dialog from '@radix-ui/react-dialog';
+import { invoke } from '@tauri-apps/api';
 import { message } from '@tauri-apps/plugin-dialog';
 import { QRCodeSVG } from 'qrcode.react';
 import { useEffect, useRef, useState } from 'react';
@@ -79,9 +80,10 @@ export function NoteZap({ id, pubkey }: { id: string; pubkey: string }) {
 
   useEffect(() => {
     async function getWalletConnectURL() {
-      // const uri: string = await invoke('secure_load', { key: 'nwc' });
-      setWalletConnectURL('todo');
+      const uri: string = await invoke('secure_load', { key: 'nwc' });
+      if (uri) setWalletConnectURL(uri);
     }
+
     getWalletConnectURL();
 
     return () => {
@@ -97,7 +99,7 @@ export function NoteZap({ id, pubkey }: { id: string; pubkey: string }) {
       <Dialog.Trigger asChild>
         <button
           type="button"
-          className="group inline-flex h-7 w-7 items-center justify-center text-neutral-500 dark:text-neutral-300"
+          className="group inline-flex h-7 w-7 items-center justify-center text-neutral-600 dark:text-neutral-400"
         >
           <ZapIcon className="h-5 w-5 group-hover:text-blue-500" />
         </button>