remove listeners, set auth function onto system

src/Pages/Layout.tsx

@@ -1,5 +1,5 @@
 import "./Layout.css";
-import { useEffect } from "react"
+import { useEffect, useMemo } from "react"
 import { useDispatch, useSelector } from "react-redux";
 import { Outlet, useNavigate } from "react-router-dom";
 import { faBell, faMessage, faSearch } from "@fortawesome/free-solid-svg-icons";
@@ -15,7 +15,6 @@ import useLoginFeed from "Feed/LoginFeed";
 import { totalUnread } from "Pages/MessagesPage";
 import { SearchRelays } from 'Const';
 import useEventPublisher from "Feed/EventPublisher";
-import { NIP42AuthChallenge, NIP42AuthResponse } from "Nostr/Auth";
 
 export default function Layout() {
     const dispatch = useDispatch();
@@ -30,17 +29,12 @@ export default function Layout() {
     const pub = useEventPublisher();
     useLoginFeed();
 
+    useMemo(() => {
+        System.nip42Auth = pub.nip42Auth
+    },[pub])
+
     useEffect(() => {
         if (relays) {
-            const nip42AuthEvent = async (event: NIP42AuthChallenge) => {
-                if(event.challenge && event.relay) {
-                    const signedEvent = await pub.nip42Auth(event.challenge, event.relay);
-                    const response = new NIP42AuthResponse(event.challenge, signedEvent);
-                    window.dispatchEvent(response);
-                }
-            }
-            window.addEventListener("nip42auth", nip42AuthEvent)
-
             for (let [k, v] of Object.entries(relays)) {
                 System.ConnectToRelay(k, v);
             }
@@ -49,10 +43,6 @@ export default function Layout() {
                     System.DisconnectRelay(k);
                 }
             }
-
-            return () => {
-                window.removeEventListener("nip42auth", nip42AuthEvent)
-            }
         }
     }, [relays]);