nostr/iris-messenger
1
0
Fork 0
mirror of https://github.com/irislib/iris-messenger.git synced 2024-10-18 14:13:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

network tab

Browse Source
This commit is contained in:
Martti Malmi 2023-06-16 15:59:14 +03:00
parent fc8329b9a3
commit 9092a3285c
2 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/js/views/settings/Account.tsx
View File

@ -3,7 +3,6 @@ import { nip19 } from 'nostr-tools';
import { route } from 'preact-router';
import Component from '../../BaseComponent';
import { PrimaryButton as Button } from '../../components/buttons/Button';
import Copy from '../../components/buttons/Copy';
import Helpers from '../../Helpers';
import Events from '../../nostr/Events';

31
src/js/views/settings/Network.tsx
View File

@ -55,11 +55,11 @@ const Network = () => {
const getClassName = (relay) => {
switch (getStatus(relay)) {
case 0:
return 'neutral';
return 'text-iris-yellow';
case 1:
return 'positive';
return 'text-iris-green';
case 2:
return 'neutral';
return 'text-iris-yellow';
case 3:
return '';
default:
@ -111,18 +111,23 @@ const Network = () => {
<Button onClick={() => Relays.restoreDefaults()}>{t('restore_defaults')}</Button>
</p>
</div>
<h3>{t('popular_relays')}</h3>
<div id="popular-relays" className="flex-table">
<div className="flex-row peer">
<div className="flex-cell no-flex">{t('users')}</div>
<div className="flex-cell">URL</div>
<h3 className="text-lg font-semibold">{t('popular_relays')}</h3>
<div id="popular-relays" className="flex flex-col gap-2">
<div className="flex peer gap-2">
<div className="flex-initial">{t('users')}</div>
<div className="flex-grow">URL</div>
</div>
{popularRelays.map((relay) => (
<div className="flex-row peer" key={relay.url}>
<div className="flex-cell no-flex">{relay.users}</div>
<div className="flex-cell">{relay.url}</div>
<div className="flex-cell no-flex">
<Button onClick={(e) => handleAddRelay(e, relay.url)}>{t('add')}</Button>
<div className="flex peer gap-2" key={relay.url}>
<div className="flex-initial">{relay.users}</div>
<div className="flex-grow">{relay.url}</div>
<div className="flex-initial">
<button
className="btn btn-sm btn-neutral"
onClick={(e) => handleAddRelay(e, relay.url)}
>
{t('add')}
</button>
</div>
</div>
))}