waku-org/examples.waku.org
1
0
Fork 0
mirror of https://github.com/waku-org/examples.waku.org.git synced 2025-02-22 18:58:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

show peers discovered vs peers connected by discovery protocol

Browse Source
This commit is contained in:
danisharora099 2023-08-01 17:30:46 +05:30
parent 1f00f516bf
commit 97b6284352
No known key found for this signature in database
GPG Key ID: FBD2BF500037F135
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
examples/web-chat/src/Room.tsx
View File

@ -18,7 +18,12 @@ export default function Room(props: Props) {
const { encoder } = useContentPair(); const { encoder } = useContentPair();
const { push: onPush } = useLightPush({ node, encoder }); const { push: onPush } = useLightPush({ node, encoder });
const { bootstrapPeers, peerExchangePeers } = useNodePeers(node); const {
connectedBootstrapPeers,
connectedPeerExchangePeers,
discoveredBootstrapPeers,
discoveredPeerExchangePeers,
} = useNodePeers(node);
const { storePeers, filterPeers, lightPushPeers } = usePeers({ node }); const { storePeers, filterPeers, lightPushPeers } = usePeers({ node });
const onSend = async (text: string) => { const onSend = async (text: string) => {
@ -46,7 +51,8 @@ export default function Room(props: Props) {
const storePeersLength = orZero(storePeers?.length); const storePeersLength = orZero(storePeers?.length);
const peersMessage = `Peers: ${lightPushPeersLength} light push, ${filterPeersLength} filter, ${storePeersLength} store.`; const peersMessage = `Peers: ${lightPushPeersLength} light push, ${filterPeersLength} filter, ${storePeersLength} store.`;
const bootstrapPeersMessage = `Bootstrap (DNS Discovery): ${bootstrapPeers.size}, Peer exchange: ${peerExchangePeers.size}. `; const bootstrapPeersMessage = `Bootstrap peers: ${connectedBootstrapPeers.length} connected, ${discoveredBootstrapPeers.length} discovered.`;
const peerExchangePeersMessage = `Peer exchange peers: ${connectedPeerExchangePeers.length} connected, ${discoveredPeerExchangePeers.length} discovered.`;
return ( return (
<div <div
@ -55,7 +61,7 @@ export default function Room(props: Props) {
> >
<TitleBar <TitleBar
leftIcons={[peersMessage]} leftIcons={[peersMessage]}
rightIcons={[bootstrapPeersMessage, "View console for more details."]} rightIcons={[bootstrapPeersMessage, " ", peerExchangePeersMessage]}
title="Waku v2 chat app" title="Waku v2 chat app"
/> />
<ChatList messages={props.messages} /> <ChatList messages={props.messages} />