feat(PeerInfo): add hex value for peer (#147)

* feat(PeerInfo): add hex value for peer

* chore(ts-deal-client): set package

* chore(ts-deal-client): bump ts-deal-client

Author: MixailE

package.json

@@ -82,5 +82,6 @@
       "eslint --fix",
       "prettier --write"
     ]
-  }
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

src/pages/peer/PeerInfo.tsx

@@ -62,13 +62,22 @@ export const PeerInfo: React.FC = () => {
           <InfoRow>
             <Info>
               <Text size={10} weight={700} uppercase color="grey400">
-                Peer ID
+                Peer ID (base58)
               </Text>
               <TextWithIcon>
                 <Text size={12}>{id}</Text>
                 <Copyable value={id ?? ''} />
               </TextWithIcon>
             </Info>
+            <Info>
+              <Text size={10} weight={700} uppercase color="grey400">
+                Peer ID (bytes)
+              </Text>
+              <TextWithIcon>
+                <Text size={12}>{peer.idHex ?? '-'}</Text>
+                <Copyable value={peer.idHex ?? ''} />
+              </TextWithIcon>
+            </Info>
             <Info>
               <Text size={10} weight={700} uppercase color="grey400">
                 CU in deals