|
|
|
@ -1,7 +1,10 @@
|
|
|
|
|
import React, { useState } from 'react';
|
|
|
|
|
import React, { useEffect, useState } from 'react';
|
|
|
|
|
import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
|
|
|
|
|
|
|
|
|
|
import { Button, Column, Form, FormActions, Stack } from 'soapbox/components/ui';
|
|
|
|
|
import { useNostr } from 'soapbox/contexts/nostr-context';
|
|
|
|
|
import { useNostrReq } from 'soapbox/features/nostr/hooks/useNostrReq';
|
|
|
|
|
import { useOwnAccount } from 'soapbox/hooks';
|
|
|
|
|
|
|
|
|
|
import RelayEditor, { RelayData } from './components/relay-editor';
|
|
|
|
|
|
|
|
|
@ -11,13 +14,39 @@ const messages = defineMessages({
|
|
|
|
|
|
|
|
|
|
const NostrRelays = () => {
|
|
|
|
|
const intl = useIntl();
|
|
|
|
|
const { account } = useOwnAccount();
|
|
|
|
|
const { relay, signer } = useNostr();
|
|
|
|
|
|
|
|
|
|
const { events } = useNostrReq(
|
|
|
|
|
account?.nostr
|
|
|
|
|
? [{ kinds: [10002], authors: [account?.nostr.pubkey], limit: 1 }]
|
|
|
|
|
: [],
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
const [relays, setRelays] = useState<RelayData[]>([]);
|
|
|
|
|
const [isLoading, setIsLoading] = useState<boolean>(false);
|
|
|
|
|
|
|
|
|
|
const handleSubmit = (): void => {
|
|
|
|
|
useEffect(() => {
|
|
|
|
|
const tags = events[0]?.tags ?? [];
|
|
|
|
|
const data = tags.map(tag => ({ url: tag[1], marker: tag[2] as 'read' | 'write' | undefined }));
|
|
|
|
|
setRelays(data);
|
|
|
|
|
}, [events]);
|
|
|
|
|
|
|
|
|
|
const handleSubmit = async (): Promise<void> => {
|
|
|
|
|
if (!signer || !relay) return;
|
|
|
|
|
|
|
|
|
|
setIsLoading(true);
|
|
|
|
|
// Save relays
|
|
|
|
|
|
|
|
|
|
const event = await signer.signEvent({
|
|
|
|
|
kind: 10002,
|
|
|
|
|
tags: relays.map(relay => relay.marker ? ['r', relay.url, relay.marker] : ['r', relay.url]),
|
|
|
|
|
content: '',
|
|
|
|
|
created_at: Math.floor(Date.now() / 1000),
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// eslint-disable-next-line compat/compat
|
|
|
|
|
await relay.event(event, { signal: AbortSignal.timeout(1000) });
|
|
|
|
|
|
|
|
|
|
setIsLoading(false);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|