nostr/blowater
1
0
Fork 0
mirror of https://github.com/BlowaterNostr/blowater.git synced 2024-10-18 07:33:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

"Add a Relay" button in the switch list (#421)

Browse Source
This commit is contained in:
Bob 2024-03-20 10:22:48 +08:00 committed by GitHub
parent 3b380b0a40
commit b5ff46b24d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 35 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
app/UI/relay-switch-list.tsx
View File

@ -5,13 +5,15 @@ import { SingleRelayConnection } from "../../libs/nostr.ts/relay-single.ts";
import { emitFunc } from "../event-bus.ts";
import { RelayAvatar } from "./components/avatar.tsx";
import { SelectRelay } from "./nav.tsx";
import { NavigationUpdate } from "./nav.tsx";
import { getRelayInformation, RelayInformation, robohash } from "./relay-detail.tsx";
import { setState } from "./_helper.ts";
import { AddIcon } from "./icons/add-icon.tsx";
type RelaySwitchListProps = {
currentRelay?: string;
pool: ConnectionPool;
emit: emitFunc<SelectRelay>;
emit: emitFunc<SelectRelay | NavigationUpdate>;
};
type RelaySwitchListState = {
@ -90,6 +92,28 @@ export class RelaySwitchList extends Component<RelaySwitchListProps, RelaySwitch
>
{relayList}
</div>
<div
class={`flex flex-row mx-1 my-1 hover:bg-[rgb(244,244,244)] hover:cursor-pointer items-center rounded`}
onClick={this.onAddRelay}
>
<div
class={`flex justify-center items-center w-12 h-12 rounded-md border-none`}
>
<div
class={`flex justify-center items-center w-10 h-10 border rounded-md bg-[#F2F2F2]`}
>
<AddIcon
style={{
width: "60%",
height: "60%",
}}
/>
</div>
</div>
<div class="px-1 font-light">
Add a relay
</div>
</div>
</div>
)
: undefined}
@ -135,6 +159,16 @@ export class RelaySwitchList extends Component<RelaySwitchListProps, RelaySwitch
relay,
});
};
onAddRelay = async () => {
await setState(this, {
showRelayList: false,
});
this.props.emit({
type: "ChangeNavigation",
id: "Setting",
});
};
}
function getSecondaryDomainName(url: string) {