fix: unable to publish to currently browsed relay

src/PageManager.tsx

@@ -2,6 +2,7 @@ import Sidebar from '@/components/Sidebar'
 import { cn } from '@/lib/utils'
 import NoteListPage from '@/pages/primary/NoteListPage'
 import HomePage from '@/pages/secondary/HomePage'
+import { CurrentRelaysProvider } from '@/providers/CurrentRelaysProvider'
 import { TPageRef } from '@/types'
 import {
   cloneElement,
@@ -291,6 +292,7 @@ export function PageManager({ maxStackSize = 5 }: { maxStackSize?: number }) {
               : 0
           }}
         >
+          <CurrentRelaysProvider>
             <NotificationProvider>
               {!!secondaryStack.length &&
                 secondaryStack.map((item, index) => (
@@ -317,6 +319,7 @@ export function PageManager({ maxStackSize = 5 }: { maxStackSize?: number }) {
               <BottomNavigationBar />
               <TooManyRelaysAlertDialog />
             </NotificationProvider>
+          </CurrentRelaysProvider>
         </SecondaryPageContext.Provider>
       </PrimaryPageContext.Provider>
     )
@@ -337,6 +340,7 @@ export function PageManager({ maxStackSize = 5 }: { maxStackSize?: number }) {
           currentIndex: secondaryStack.length ? secondaryStack[secondaryStack.length - 1].index : 0
         }}
       >
+        <CurrentRelaysProvider>
           <NotificationProvider>
             <div className="flex h-screen overflow-hidden bg-surface-background">
               <Sidebar />
@@ -376,6 +380,7 @@ export function PageManager({ maxStackSize = 5 }: { maxStackSize?: number }) {
             </div>
             <TooManyRelaysAlertDialog />
           </NotificationProvider>
+        </CurrentRelaysProvider>
       </SecondaryPageContext.Provider>
     </PrimaryPageContext.Provider>
   )

src/components/PostEditor/SendOnlyToSwitch.tsx

@@ -3,7 +3,7 @@ import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover
 import { Switch } from '@/components/ui/switch'
 import { isProtectedEvent } from '@/lib/event'
 import { simplifyUrl } from '@/lib/url'
-import { useFeed } from '@/providers/FeedProvider'
+import { useCurrentRelays } from '@/providers/CurrentRelaysProvider'
 import client from '@/services/client.service'
 import { Info } from 'lucide-react'
 import { Event } from 'nostr-tools'
@@ -20,12 +20,12 @@ export default function SendOnlyToSwitch({
   setSpecifiedRelayUrls: Dispatch<SetStateAction<string[] | undefined>>
 }) {
   const { t } = useTranslation()
-  const { relayUrls } = useFeed()
+  const { currentRelayUrls } = useCurrentRelays()
   const [urls, setUrls] = useState<string[]>([])
 
   useEffect(() => {
     if (!parentEvent) {
-      setUrls(relayUrls)
+      setUrls(currentRelayUrls)
       return
     }
     const isProtected = isProtectedEvent(parentEvent)
@@ -34,9 +34,9 @@ export default function SendOnlyToSwitch({
       setSpecifiedRelayUrls(seenOn)
       setUrls(seenOn)
     } else {
-      setUrls(relayUrls)
+      setUrls(currentRelayUrls)
     }
-  }, [parentEvent, relayUrls])
+  }, [parentEvent, currentRelayUrls])
 
   if (!urls.length) return null
 

src/pages/primary/RelayPage/index.tsx

@@ -2,12 +2,20 @@ import Relay from '@/components/Relay'
 import RelayPageControls from '@/components/RelayPageControls'
 import PrimaryPageLayout from '@/layouts/PrimaryPageLayout'
 import { normalizeUrl, simplifyUrl } from '@/lib/url'
+import { useCurrentRelays } from '@/providers/CurrentRelaysProvider'
 import { Server } from 'lucide-react'
-import { forwardRef, useMemo } from 'react'
+import { forwardRef, useEffect, useMemo } from 'react'
 
 const RelayPage = forwardRef(({ url }: { url?: string }, ref) => {
+  const { setTemporaryRelayUrls } = useCurrentRelays()
   const normalizedUrl = useMemo(() => (url ? normalizeUrl(url) : undefined), [url])
 
+  useEffect(() => {
+    if (normalizedUrl) {
+      setTemporaryRelayUrls([normalizedUrl])
+    }
+  }, [normalizedUrl])
+
   return (
     <PrimaryPageLayout
       pageName="relay"

src/providers/CurrentRelaysProvider.tsx

@@ -0,0 +1,35 @@
+import { usePrimaryPage } from '@/PageManager'
+import { createContext, useContext, useEffect, useState } from 'react'
+import { useFeed } from './FeedProvider'
+
+type TCurrentRelaysContext = {
+  currentRelayUrls: string[]
+  setTemporaryRelayUrls: (urls: string[]) => void
+}
+
+const CurrentRelaysContext = createContext<TCurrentRelaysContext | undefined>(undefined)
+
+export const useCurrentRelays = () => {
+  const context = useContext(CurrentRelaysContext)
+  if (!context) {
+    throw new Error('useCurrentRelays must be used within a CurrentRelaysProvider')
+  }
+  return context
+}
+
+export function CurrentRelaysProvider({ children }: { children: React.ReactNode }) {
+  const { current } = usePrimaryPage()
+  const { relayUrls } = useFeed()
+  const [currentRelayUrls, setCurrentRelayUrls] = useState<string[]>([])
+  const [temporaryRelayUrls, setTemporaryRelayUrls] = useState<string[]>([])
+
+  useEffect(() => {
+    setCurrentRelayUrls(current === 'relay' ? temporaryRelayUrls : relayUrls)
+  }, [temporaryRelayUrls, current, relayUrls])
+
+  return (
+    <CurrentRelaysContext.Provider value={{ currentRelayUrls, setTemporaryRelayUrls }}>
+      {children}
+    </CurrentRelaysContext.Provider>
+  )
+}