Show username and address after connect in example

cartridge-gg · May 30, 2024 · 8c07892 · 8c07892
1 parent c246755
commit 8c07892
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/examples/starknet-react-next/src/components/ConnectWallet.tsx b/examples/starknet-react-next/src/components/ConnectWallet.tsx
@@ -1,11 +1,12 @@
 import { useAccount, useConnect, useDisconnect } from "@starknet-react/core";
+import CartridgeConnector from "@cartridge/connector"
 
 export function ConnectWallet() {
   const { connect, connectors } = useConnect();
   const { disconnect } = useDisconnect();
   const { address } = useAccount();
 
-  const connector = connectors[0];
+  const connector = connectors[0] as unknown as CartridgeConnector;
 
   return (
     <>
@@ -18,6 +19,13 @@ export function ConnectWallet() {
         >
           {address ? "Disconnect" : "Connect"}
         </button>
+
+        {address && (
+          <div>
+            <div>username: {connector.username()}</div>
+            <div>address: {address}</div>
+          </div>
+        )}
       </div>
     </>
   );