Scroll online peers (#36)

* Update overflow property in Online peers
Synthetixio · Mar 13, 2024 · 3d50cdc · 3d50cdc
1 parent a20fed5
commit 3d50cdc
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/renderer/Ipfs/Ipfs.js b/src/renderer/Ipfs/Ipfs.js
@@ -117,22 +117,28 @@ export function Ipfs() {
                   <DrawerCloseButton />
                   <DrawerHeader>Online peers</DrawerHeader>
                   <DrawerBody>
-                    <Stack direction="column" margin="0" overflow="scroll">
+                    <Stack direction="column">
                       {peers.map((peer, i) => (
                         <Code
                           key={peer.id}
                           fontSize="10px"
                           display="block"
                           backgroundColor="transparent"
                           whiteSpace="nowrap"
+                          overflow="hidden"
+                          textOverflow="ellipsis"
                         >
                           {`${i}`.padStart(3, '0')}.{' '}
                           <Tooltip
                             hasArrow
                             placement="top"
                             openDelay={200}
                             fontSize="xs"
-                            label={peer.id === peerId ? 'Your connected Peer ID' : 'Copy Peer ID'}
+                            label={
+                              peer.id === peerId
+                                ? `Your connected Peer ID\n${peer.id}`
+                                : `Copy Peer ID\n${peer.id}`
+                            }
                           >
                             <Text
                               as="span"