From e10dfe27eb233f0065be032a4741a93c4956f67f Mon Sep 17 00:00:00 2001
From: hzrd149 <github@hzrd149.com>
Date: Thu, 8 Feb 2024 20:50:29 +0000
Subject: [PATCH] change to button

---
 src/providers/route/require-read-relays.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/providers/route/require-read-relays.tsx b/src/providers/route/require-read-relays.tsx
index 08dacdb35..a35101e42 100644
--- a/src/providers/route/require-read-relays.tsx
+++ b/src/providers/route/require-read-relays.tsx
@@ -58,6 +58,16 @@ export default function RequireReadRelays({ children }: PropsWithChildren) {
   const offline = useSubject(offlineMode);
   const location = useLocation();
 
+  const setRelaysToMailboxes = useCallback<MouseEventHandler>(
+    (e) => {
+      if (!mailboxes) return;
+      clientRelaysService.readRelays.next(RelaySet.from(mailboxes.inbox));
+      clientRelaysService.writeRelays.next(RelaySet.from(mailboxes.outbox));
+      clientRelaysService.saveRelays();
+    },
+    [mailboxes],
+  );
+
   if (readRelays.size === 0 && !offline && !location.pathname.startsWith("/relays"))
     return (
       <Flex direction="column" maxW="md" mx="auto" alignItems="center" gap="4" px="2" py="10">
@@ -74,7 +84,11 @@ export default function RequireReadRelays({ children }: PropsWithChildren) {
             Login to use your relays
           </Button>
         )}
-        {mailboxes && <RelaySetCard label="Your Mailboxes" read={mailboxes.inbox} write={mailboxes.outbox} />}
+        {mailboxes && (
+          <Button variant="outline" colorScheme="primary" onClick={setRelaysToMailboxes}>
+            Use your existing relays ({RelaySet.from(mailboxes.inbox, mailboxes.outbox).urls.length})
+          </Button>
+        )}
         <RelaySetCard label="Popular Relays" read={recommendedReadRelays} write={recommendedWriteRelays} />
         <RelaySetCard label="Japanese relays" read={JapaneseRelays} write={JapaneseRelays} />
         <Card w="full" variant="outline">