refactor relay provider

src/pages/onboarding/create/index.page.client.tsx

@@ -1,6 +1,8 @@
 import OnboardingLayout from '@components/layouts/onboarding';
 import { RelayContext } from '@components/relaysProvider';
 
+import { DEFAULT_RELAYS } from '@stores/constants';
+
 import { createAccount } from '@utils/storage';
 
 import { EyeClose, EyeEmpty } from 'iconoir-react';
@@ -9,7 +11,7 @@ import { useCallback, useContext, useMemo, useState } from 'react';
 import { navigate } from 'vite-plugin-ssr/client/router';
 
 export function Page() {
-  const [pool, relays]: any = useContext(RelayContext);
+  const pool: any = useContext(RelayContext);
 
   const [type, setType] = useState('password');
   const [loading, setLoading] = useState(false);
@@ -58,10 +60,10 @@ export function Page() {
     // insert to database
     createAccount(pubkey, privkey, metadata);
     // broadcast
-    pool.publish(event, relays);
+    pool.publish(event, DEFAULT_RELAYS);
     // redirect to next step
     navigate(`/onboarding/create/step-2?pubkey=${pubkey}&privkey=${privkey}`, { overwriteLastHistoryEntry: true });
-  }, [pool, pubkey, privkey, metadata, relays]);
+  }, [pool, pubkey, privkey, metadata]);
 
   return (
     <OnboardingLayout>

src/pages/onboarding/create/step-2/index.page.client.tsx

@@ -2,6 +2,8 @@ import OnboardingLayout from '@components/layouts/onboarding';
 import { RelayContext } from '@components/relaysProvider';
 import { UserBase } from '@components/user/base';
 
+import { DEFAULT_RELAYS } from '@stores/constants';
+
 import { usePageContext } from '@utils/hooks/usePageContext';
 import { fetchProfileMetadata } from '@utils/hooks/useProfileMetadata';
 import { createPleb, updateAccount } from '@utils/storage';
@@ -60,7 +62,7 @@ export function Page() {
   const pubkey = searchParams.pubkey;
   const privkey = searchParams.privkey;
 
-  const [pool, relays]: any = useContext(RelayContext);
+  const pool: any = useContext(RelayContext);
   const [loading, setLoading] = useState(false);
   const [list, setList]: any = useState(initialList);
   const [follows, setFollows] = useState([]);
@@ -98,10 +100,10 @@ export function Page() {
     event.id = getEventHash(event);
     event.sig = signEvent(event, privkey);
     // broadcast
-    pool.publish(event, relays);
+    pool.publish(event, DEFAULT_RELAYS);
     // redirect to splashscreen
     navigate('/');
-  }, [pubkey, privkey, follows, pool, relays]);
+  }, [pubkey, privkey, follows, pool]);
 
   useEffect(() => {
     let ignore = false;