diff --git a/apps/trading/components/vega-wallet-connect-button/vega-wallet-connect-button.tsx b/apps/trading/components/vega-wallet-connect-button/vega-wallet-connect-button.tsx index c31eb33a0..2d81b1a60 100644 --- a/apps/trading/components/vega-wallet-connect-button/vega-wallet-connect-button.tsx +++ b/apps/trading/components/vega-wallet-connect-button/vega-wallet-connect-button.tsx @@ -10,6 +10,7 @@ import { DropdownMenuTrigger, Icon, } from '@vegaprotocol/ui-toolkit'; +import type { PubKey } from '@vegaprotocol/wallet'; import { useVegaWallet, useVegaWalletDialogStore } from '@vegaprotocol/wallet'; import { useEffect, useMemo, useState } from 'react'; import CopyToClipboard from 'react-copy-to-clipboard'; @@ -45,8 +46,8 @@ export const VegaWalletConnectButton = () => { selectPubKey(value); }} > - {pubKeys.map((k) => ( - + {pubKeys.map((pk) => ( + ))} @@ -69,7 +70,7 @@ export const VegaWalletConnectButton = () => { ); }; -const KeypairItem = ({ kp }: { kp: string }) => { +const KeypairItem = ({ pk }: { pk: PubKey }) => { const [copied, setCopied] = useState(false); useEffect(() => { // eslint-disable-next-line @@ -87,13 +88,16 @@ const KeypairItem = ({ kp }: { kp: string }) => { }, [copied]); return ( - -
+ +
- {truncateByChars(kp)} + + {pk.name}:{' '} + {truncateByChars(pk.publicKey)} + - setCopied(true)}> + setCopied(true)}>