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 03e99415b..259dd42b4 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 @@ -94,6 +94,7 @@ export const VegaWalletConnectButton = ({ @@ -138,10 +139,12 @@ export const VegaWalletConnectButton = ({ const KeypairRadioGroup = ({ pubKey, pubKeys, + activeKey, onSelect, }: { pubKey: string | undefined; pubKeys: Key[]; + activeKey: string | undefined; onSelect: (pubKey: string) => void; }) => { const { data } = usePartyProfilesQuery({ @@ -157,14 +160,27 @@ const KeypairRadioGroup = ({ (e) => e.node.partyId === pk.publicKey ); return ( - + ); })} ); }; -const KeypairItem = ({ pk, alias }: { pk: Key; alias: string | undefined }) => { +const KeypairItem = ({ + pk, + isActive, + alias, +}: { + pk: Key; + alias: string | undefined; + isActive: boolean; +}) => { const t = useT(); const [copied, setCopied] = useCopyTimeout(); const setOpen = useProfileDialogStore((store) => store.setOpen); @@ -201,7 +217,7 @@ const KeypairItem = ({ pk, alias }: { pk: Key; alias: string | undefined }) => { className="flex items-center gap-1" > {alias ? alias : t('No alias')} - + {isActive && } diff --git a/apps/trading/components/vega-wallet/vega-wallet-menu.tsx b/apps/trading/components/vega-wallet/vega-wallet-menu.tsx index 1f5226863..cd418acff 100644 --- a/apps/trading/components/vega-wallet/vega-wallet-menu.tsx +++ b/apps/trading/components/vega-wallet/vega-wallet-menu.tsx @@ -131,16 +131,18 @@ const KeypairListItem = ({ data-testid={`key-${pk.publicKey}`} > {alias ? alias : t('No alias')} - + {isActive && ( + + )} );