add ndk provider

src/shared/accounts/active.tsx

@@ -1,13 +1,13 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { produce } from 'immer';
-import { useContext, useEffect } from 'react';
+import { useEffect } from 'react';
 import { Link } from 'react-router-dom';
 
+import { useNDK } from '@libs/ndk/provider';
 import { createChat, getLastLogin } from '@libs/storage';
 
 import { Image } from '@shared/image';
 import { NetworkStatusIndicator } from '@shared/networkStatusIndicator';
-import { RelayContext } from '@shared/relayProvider';
 
 import { DEFAULT_AVATAR } from '@stores/constants';
 
@@ -17,9 +17,9 @@ import { sendNativeNotification } from '@utils/notification';
 const lastLogin = await getLastLogin();
 
 export function ActiveAccount({ data }: { data: any }) {
-  const ndk = useContext(RelayContext);
   const queryClient = useQueryClient();
 
+  const { ndk } = useNDK();
   const { status, user } = useProfile(data.pubkey);
 
   const chat = useMutation({

src/shared/composer/types/post.tsx

@@ -3,8 +3,6 @@ import { Node, Transforms, createEditor } from 'slate';
 import { withHistory } from 'slate-history';
 import { Editable, ReactEditor, Slate, useSlateStatic, withReact } from 'slate-react';
 
-import { usePublish } from '@libs/ndk';
-
 import { Button } from '@shared/button';
 import { ImageUploader } from '@shared/composer/imageUploader';
 import { CancelIcon, TrashIcon } from '@shared/icons';
@@ -13,6 +11,8 @@ import { MentionNote } from '@shared/notes/mentions/note';
 import { useComposer } from '@stores/composer';
 import { FULL_RELAYS } from '@stores/constants';
 
+import { usePublish } from '@utils/hooks/usePublish';
+
 const withImages = (editor) => {
   const { isVoid } = editor;
 

src/shared/editProfileModal.tsx

@@ -5,8 +5,6 @@ import { fetch } from '@tauri-apps/api/http';
 import { Fragment, useEffect, useState } from 'react';
 import { useForm } from 'react-hook-form';
 
-import { usePublish } from '@libs/ndk';
-
 import { AvatarUploader } from '@shared/avatarUploader';
 import { BannerUploader } from '@shared/bannerUploader';
 import { CancelIcon, CheckCircleIcon, LoaderIcon, UnverifiedIcon } from '@shared/icons';
@@ -15,6 +13,7 @@ import { Image } from '@shared/image';
 import { DEFAULT_AVATAR } from '@stores/constants';
 
 import { useAccount } from '@utils/hooks/useAccount';
+import { usePublish } from '@utils/hooks/usePublish';
 
 export function EditProfileModal() {
   const queryClient = useQueryClient();

src/shared/notes/metadata.tsx

@@ -2,8 +2,8 @@ import { NDKEvent, NDKFilter } from '@nostr-dev-kit/ndk';
 import * as Tooltip from '@radix-ui/react-tooltip';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { decode } from 'light-bolt11-decoder';
-import { useContext } from 'react';
 
+import { useNDK } from '@libs/ndk/provider';
 import { createBlock, createReplyNote } from '@libs/storage';
 
 import { LoaderIcon, ReplyIcon, RepostIcon, ZapIcon } from '@shared/icons';
@@ -11,7 +11,6 @@ import { ThreadIcon } from '@shared/icons/thread';
 import { NoteReply } from '@shared/notes/metadata/reply';
 import { NoteRepost } from '@shared/notes/metadata/repost';
 import { NoteZap } from '@shared/notes/metadata/zap';
-import { RelayContext } from '@shared/relayProvider';
 
 export function NoteMetadata({
   id,
@@ -22,9 +21,9 @@ export function NoteMetadata({
   rootID?: string;
   eventPubkey: string;
 }) {
-  const ndk = useContext(RelayContext);
   const queryClient = useQueryClient();
 
+  const { ndk } = useNDK();
   const { status, data } = useQuery(['note-metadata', id], async () => {
     let replies = 0;
     let reposts = 0;

src/shared/notes/metadata/repost.tsx

@@ -1,11 +1,10 @@
 import * as Tooltip from '@radix-ui/react-tooltip';
 
-import { usePublish } from '@libs/ndk';
-
 import { RepostIcon } from '@shared/icons';
 
 import { FULL_RELAYS } from '@stores/constants';
 
+import { usePublish } from '@utils/hooks/usePublish';
 import { compactNumber } from '@utils/number';
 
 export function NoteRepost({

src/shared/notes/replies/form.tsx

@@ -1,13 +1,12 @@
 import { useState } from 'react';
 
-import { usePublish } from '@libs/ndk';
-
 import { Button } from '@shared/button';
 import { Image } from '@shared/image';
 
 import { DEFAULT_AVATAR, FULL_RELAYS } from '@stores/constants';
 
 import { useProfile } from '@utils/hooks/useProfile';
+import { usePublish } from '@utils/hooks/usePublish';
 import { shortenKey } from '@utils/shortenKey';
 
 export function NoteReplyForm({

src/shared/notification/modal.tsx

@@ -1,22 +1,21 @@
 import { Dialog, Transition } from '@headlessui/react';
 import { NDKEvent, NDKFilter } from '@nostr-dev-kit/ndk';
 import { useQuery } from '@tanstack/react-query';
-import { Fragment, useContext, useRef, useState } from 'react';
+import { Fragment, useRef, useState } from 'react';
+
+import { useNDK } from '@libs/ndk/provider';
 
 import { BellIcon, CancelIcon, LoaderIcon } from '@shared/icons';
-import { RelayContext } from '@shared/relayProvider';
+import { NotificationUser } from '@shared/notification/user';
 import { User } from '@shared/user';
 
 import { dateToUnix, getHourAgo } from '@utils/date';
 
-import { NotificationUser } from './user';
-
 export function NotificationModal({ pubkey }: { pubkey: string }) {
-  const ndk = useContext(RelayContext);
   const now = useRef(new Date());
-
   const [isOpen, setIsOpen] = useState(false);
 
+  const { ndk } = useNDK();
   const { status, data } = useQuery(
     ['user-notification', pubkey],
     async () => {