Updating key display logic for advanced mode

greymass · Dec 5, 2024 · 4bb4cf9 · 4bb4cf9
1 parent cc867b3
commit 4bb4cf9
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 5 deletions.
diff --git a/src/lib/state/metamask.svelte.ts b/src/lib/state/metamask.svelte.ts
@@ -9,7 +9,8 @@ export class MetaMaskState {
 	public isInstalled = $state(false);
 	public error = $state<Error | null>(null);
 	public installedSnap = $state<Snap | null>(null);
-	public publicKey = $state<PublicKey | null>(null);
+	public publicKey = $state<PublicKey | null>(null); // active
+	public ownerKey = $state<PublicKey | null>(null); // owner
 
 	public snapsDetected = $derived(this.snapProvider !== null);
 

diff --git a/src/routes/[network]/(homepage)/(wallets)/metamask/+page.svelte b/src/routes/[network]/(homepage)/(wallets)/metamask/+page.svelte
@@ -39,9 +39,10 @@
 						if (isInstalled) {
 							connect();
 							accountCreationPluginMetamask
-								.retrievePublicKey(data.network.chain.id)
+								.retrievePublicKeys(data.network.chain.id)
 								.then((publicKey) => {
-									metaMaskState.publicKey = publicKey;
+									metaMaskState.publicKey = publicKey.activePublicKey;
+									metaMaskState.ownerKey = publicKey.ownerPublicKey;
 								});
 						}
 					});
@@ -221,8 +222,18 @@
 					{/if}
 					{#if context.settings.data.advancedMode}
 						<Stack class="mb-1 gap-2">
-							<p>EOS Wallet Public Key</p>
-							<p class="text-xs">{metaMaskState.publicKey}</p>
+							<p>EOS Wallet Public Key (Active)</p>
+							<p class="font-mono text-xs">
+								<a href={`/${data.network}/key/${metaMaskState.publicKey}`}>
+									{metaMaskState.publicKey}
+								</a>
+							</p>
+							<p>EOS Wallet Public Key (Owner)</p>
+							<p class="font-mono text-xs">
+								<a href={`/${data.network}/key/${metaMaskState.ownerKey}`}>
+									{metaMaskState.ownerKey}
+								</a>
+							</p>
 						</Stack>
 					{/if}
 				{/if}