AtHeartEngineer/universal-connectivity
1
0
Fork 0
mirror of https://github.com/vacp2p/universal-connectivity.git synced 2026-01-09 15:18:05 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix: styling (#138)

Browse Source 
Co-authored-by: Daniel N <2color@users.noreply.github.com>
This commit is contained in:
Daniel Norman
2024-05-03 17:57:18 +02:00
committed by GitHub
parent f6a399d8aa
commit 2246b251a1
1 changed files with 18 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
js-peer/src/pages/index.tsx
View File

@@ -113,9 +113,12 @@ export default function Home() {
[setMultiaddr],
)
const handleDisconnectPeer = useCallback((peerId: PeerId) => {
libp2p.hangUp(peerId)
}, [libp2p])
const handleDisconnectPeer = useCallback(
(peerId: PeerId) => {
libp2p.hangUp(peerId)
},
[libp2p],
)
return (
<>
@@ -192,12 +195,19 @@ export default function Home() {
Connected peers ({getFormattedConnections(peerStats.connections).length}) 👇
</h3>
<ul className="divide-y divide-gray-100">
<ul className="divide-y divide-gray-200">
{getFormattedConnections(peerStats.connections).map((pair) => (
<li key={pair.peerId.toString()} className="py-1 flex justify-between items-center">
<span>{`${pair.peerId} (${pair.protocols.join(', ')})`}</span>
<button onClick={() => handleDisconnectPeer(pair.peerId)} className="bg-red-500 hover:bg-red-600 text-white font-bold py-2 px-4 rounded flex flex-row">
<XCircleIcon className="w-6 h-6" /> Disconnect
<li
key={pair.peerId.toString()}
className="py-1 flex flex-wrap justify-between items-center break-all"
>
<span>{`${pair.peerId.toString()} (${pair.protocols.join(', ')})`}</span>
<button
onClick={() => handleDisconnectPeer(pair.peerId)}
className="bg-red-500 hover:bg-red-600 text-white font-bold py-2 px-4 rounded flex flex-row"
>
<XCircleIcon className="w-6 h-6" />
<span className="pl-1">Disconnect</span>
</button>
</li>
))}