shorten long relay name. (#455)

This commit is contained in:
heyhoe 2023-03-24 18:41:44 +09:00 committed by GitHub
parent e95f1fe369
commit 12f82372e5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -76,13 +76,16 @@ export default function RootPage() {
const paidRelays = allRelays.filter(a => a.paid); const paidRelays = allRelays.filter(a => a.paid);
const publicRelays = allRelays.filter(a => !a.paid); const publicRelays = allRelays.filter(a => !a.paid);
return ( return (
<div className="flex mb10 f-end"> <div className="flex mb10 f-end nowrap">
<FormattedMessage <FormattedMessage
defaultMessage="Read global from" defaultMessage="Read global from"
description="Label for reading global feed from specific relays" description="Label for reading global feed from specific relays"
/> />
&nbsp; &nbsp;
<select onChange={e => setRelay(allRelays.find(a => a.url === e.target.value))} value={relay?.url}> <select
className="f-ellipsis"
onChange={e => setRelay(allRelays.find(a => a.url === e.target.value))}
value={relay?.url}>
{paidRelays.length > 0 && ( {paidRelays.length > 0 && (
<optgroup label="Paid Relays"> <optgroup label="Paid Relays">
{paidRelays.map(a => ( {paidRelays.map(a => (