status-im/js-waku-examples
2
0
Fork 0
mirror of https://github.com/status-im/js-waku-examples.git synced 2025-02-17 17:37:05 +00:00
Code Issues 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 { push: onPush } = useLightPush({ node, encoder });
const { bootstrapPeers, peerExchangePeers } = useNodePeers(node);
const {
connectedBootstrapPeers,
connectedPeerExchangePeers,
discoveredBootstrapPeers,
discoveredPeerExchangePeers,
} = useNodePeers(node);
const { storePeers, filterPeers, lightPushPeers } = usePeers({ node });
const onSend = async (text: string) => {
@ -46,7 +51,8 @@ export default function Room(props: Props) {
const storePeersLength = orZero(storePeers?.length);
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 (
<div
@ -55,7 +61,7 @@ export default function Room(props: Props) {
>
<TitleBar
leftIcons={[peersMessage]}
rightIcons={[bootstrapPeersMessage, "View console for more details."]}
rightIcons={[bootstrapPeersMessage, " ", peerExchangePeersMessage]}
title="Waku v2 chat app"
/>
<ChatList messages={props.messages} />