added getlinkedaddresses after wallets are linked

Author: darrenmelvison1

examples/passport/logged-in-user-with-nextjs/src/app/link-external-wallet/page.tsx

@@ -5,10 +5,9 @@ import { Button, Heading, Table, Link } from '@biom3/react';
 import NextLink from 'next/link';
 import { passportInstance } from '../utils/setupDefault';
 import { generateNonce } from 'siwe';
-import { useConnect, useSignTypedData, useAccount, useDisconnect } from 'wagmi';
+import { useConnect, useSignTypedData } from 'wagmi';
 import { config } from '../utils/wagmiConfig';
-import { injected, metaMask } from 'wagmi/connectors';
-import { immutableZkEvmTestnet } from 'wagmi/chains';
+import { metaMask } from 'wagmi/connectors';
 
 export default function LinkExternalWallet() {
   const [isLoggedIn, setIsLoggedIn] = useState<boolean>(false);
@@ -18,12 +17,12 @@ export default function LinkExternalWallet() {
   const [isLinking, setIsLinking] = useState<boolean>(false);
   const [linkingStatus, setLinkingStatus] = useState<string>('');
   const [linkingError, setLinkingError] = useState<string | null>(null);
-  
-  const { connectAsync, connectors } = useConnect({
+  const [linkedAddresses, setLinkedAddresses] = useState<string[]>([]);
+
+  const { connectAsync } = useConnect({
     config
   });
-  const connector = connectors[0];
-  const { disconnect } = useDisconnect();
+
   const { signTypedDataAsync } = useSignTypedData();
 
   const loginWithPassport = async () => {
@@ -131,6 +130,8 @@ export default function LinkExternalWallet() {
         nonce
       });
 
+      const linkedAddresses = await passportInstance.getLinkedAddresses();
+      setLinkedAddresses(linkedAddresses);
       setLinkingStatus('Wallet linked successfully!');
       setIsLinking(false);
     } catch (error: any) {
@@ -180,6 +181,12 @@ export default function LinkExternalWallet() {
               <Table.Cell>{linkingStatus}</Table.Cell>
             </Table.Row>
           )}
+          {linkedAddresses.length > 0 && (
+            <Table.Row>
+              <Table.Cell><b>Linked Addresses</b></Table.Cell>
+              <Table.Cell>{linkedAddresses.join(', ')}</Table.Cell>
+            </Table.Row>
+          )}
           {linkingError && (
             <Table.Row>
               <Table.Cell><b>Error</b></Table.Cell>

examples/passport/logged-in-user-with-nextjs/src/app/utils/wagmiConfig.ts

@@ -1,5 +1,5 @@
 import { createConfig, http } from 'wagmi';
-import { immutableZkEvmTestnet, immutableZkEvm } from 'wagmi/chains';
+import { immutableZkEvm } from 'wagmi/chains';
 import { injected, metaMask, safe } from 'wagmi/connectors';
 
 // create the Wagmi config for Immutable zkEVM Testnet