chore: pick random relays for new users

src/Pages/Login.tsx

@@ -66,7 +66,23 @@ export default function LoginPage() {
 
     async function makeRandomKey() {
         let newKey = secp.utils.bytesToHex(secp.utils.randomPrivateKey());
-        dispatch(setPrivateKey(newKey))
+        dispatch(setPrivateKey(newKey));
+
+        try {
+            let rsp = await fetch("https://api.nostr.watch/v1/online");
+            if (rsp.ok) {
+                let online: string[] = await rsp.json();
+                let pickRandom = online.sort((a, b) => Math.random() >= 0.5 ? 1 : -1).slice(0, 4); // pick 4 random relays
+
+                let relayObjects = pickRandom.map(a => [a, { read: true, write: true }]);
+                dispatch(setRelays({
+                    relays: Object.fromEntries(relayObjects),
+                    createdAt: 1
+                }));
+            }
+        } catch (e) {
+            console.warn(e);
+        }
         navigate("/new");
     }