From 69f2cdc4251800ae3a302d46da3af8ef74ea51a4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micha=C5=82=20Jadach?= Date: Tue, 3 Dec 2024 14:09:11 +0100 Subject: [PATCH] format --- .../PeerInfo/index.tsx | 7 +++++- src/pages/node/aliases.tsx | 23 +++++++++++-------- src/pages/node/peers.tsx | 21 ++++++++++------- src/store/slices/node/actionsAsync.ts | 4 ++-- src/store/slices/node/initialState.ts | 8 +++---- 5 files changed, 39 insertions(+), 24 deletions(-) diff --git a/src/future-hopr-lib-components/PeerInfo/index.tsx b/src/future-hopr-lib-components/PeerInfo/index.tsx index 05853657..6d9c3d0e 100644 --- a/src/future-hopr-lib-components/PeerInfo/index.tsx +++ b/src/future-hopr-lib-components/PeerInfo/index.tsx @@ -34,7 +34,12 @@ const PeersInfo: React.FC = (props) => { const getAliasByPeerId = (peerId: string): string | JSX.Element => { const shortPeerId = peerId && `${peerId.substring(0, 6)}...${peerId.substring(peerId.length - 8, peerId.length)}`; const displayPeerId = props.shortenPeerId ? shortPeerId : peerId; - if (aliases && peerId && peerIdToAliasLink[peerId]) return <>{peerIdToAliasLink[peerId]} ({displayPeerId}); + if (aliases && peerId && peerIdToAliasLink[peerId]) + return ( + <> + {peerIdToAliasLink[peerId]} ({displayPeerId}) + + ); return displayPeerId; }; diff --git a/src/pages/node/aliases.tsx b/src/pages/node/aliases.tsx index c14c8d4a..c0446c26 100644 --- a/src/pages/node/aliases.tsx +++ b/src/pages/node/aliases.tsx @@ -124,14 +124,19 @@ function AliasesPage() { const parsedTableData = Object.entries(aliases ?? {}).map(([alias, peerId], key) => { const peerAddress = getNodeAddressByPeerId(peerId); const lastSeenNumeric = peerId && peersObject[peerId]?.lastSeen; - const lastSeen = lastSeenNumeric as number > 0 ? new Date(lastSeenNumeric).toLocaleString('en-US', { - year: 'numeric', - month: '2-digit', - day: '2-digit', - hour: '2-digit', - minute: '2-digit', - timeZoneName: 'short', - }).replace(', ', '\n') : 'Not seen'; + const lastSeen = + (lastSeenNumeric as number) > 0 + ? new Date(lastSeenNumeric) + .toLocaleString('en-US', { + year: 'numeric', + month: '2-digit', + day: '2-digit', + hour: '2-digit', + minute: '2-digit', + timeZoneName: 'short', + }) + .replace(', ', '\n') + : 'Not seen'; return { id: peerId, @@ -143,7 +148,7 @@ function AliasesPage() { nodeAddress={peerAddress ?? ''} /> ), - lastSeen: {peerId === hoprAddress ? '-' : lastSeen}, + lastSeen: {peerId === hoprAddress ? '-' : lastSeen}, peerId, peerAddress: peerAddress ?? '', actions: ( diff --git a/src/pages/node/peers.tsx b/src/pages/node/peers.tsx index 15a946e1..ef886cd0 100644 --- a/src/pages/node/peers.tsx +++ b/src/pages/node/peers.tsx @@ -146,14 +146,19 @@ function PeersPage() { const peersSorted = [...peersWithAliasesSorted, ...peersWithoutAliasesSorted]; const parsedTableData = peersSorted.map((peer, index) => { - const lastSeen = peer.lastSeen as number > 0 ? new Date(peer.lastSeen).toLocaleString('en-US', { - year: 'numeric', - month: '2-digit', - day: '2-digit', - hour: '2-digit', - minute: '2-digit', - timeZoneName: 'short', - }).replace(', ', '\n') : 'Not seen'; + const lastSeen = + (peer.lastSeen as number) > 0 + ? new Date(peer.lastSeen) + .toLocaleString('en-US', { + year: 'numeric', + month: '2-digit', + day: '2-digit', + hour: '2-digit', + minute: '2-digit', + timeZoneName: 'short', + }) + .replace(', ', '\n') + : 'Not seen'; return { id: index + 1, diff --git a/src/store/slices/node/actionsAsync.ts b/src/store/slices/node/actionsAsync.ts index 66080667..6e95c88d 100644 --- a/src/store/slices/node/actionsAsync.ts +++ b/src/store/slices/node/actionsAsync.ts @@ -1193,7 +1193,7 @@ export const createAsyncReducer = (builder: ActionReducerMapBuilder