logos-messaging/examples.waku.org
1
0
Fork 0
mirror of https://github.com/logos-messaging/examples.waku.org.git synced 2026-01-07 15:23:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

imrpve rendering a bit

Browse Source
This commit is contained in:
Sasha 2023-02-28 00:26:54 +01:00
parent 18a2f6886a
commit ab06762935
No known key found for this signature in database
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -41,21 +41,21 @@ export default function Room(props: Props) {
} }
}; };
const lightPushPeersLength = orZero(lightPushPeers?.length);
const filterPeersLength = orZero(filterPeers?.length);
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}. `;
return ( return (
<div <div
className="chat-container" className="chat-container"
style={{ height: "98vh", display: "flex", flexDirection: "column" }} style={{ height: "98vh", display: "flex", flexDirection: "column" }}
> >
<TitleBar <TitleBar
leftIcons={[ leftIcons={[peersMessage]}
`Peers: ${orZero(lightPushPeers?.length)} light push, ${orZero( rightIcons={[bootstrapPeersMessage, "View console for more details."]}
filterPeers?.length
)} filter, ${orZero(storePeers?.length)} store.`,
]}
rightIcons={[
`Bootstrap (DNS Discovery): ${bootstrapPeers.size}, Peer exchange: ${peerExchangePeers.size}. `,
"View console for more details.",
]}
title="Waku v2 chat app" title="Waku v2 chat app"
/> />
<ChatList messages={props.messages} /> <ChatList messages={props.messages} />