View your Wallet Inventory

 1  import { useOpenWalletModal } from "@0xsequence/kit-wallet";
 2  import { useOpenConnectModal } from "@0xsequence/kit";
 3  import { useAccount } from "wagmi";
 4  import { WalletConnectionDetail } from "~/components/wallet-connection-detail/WalletConnectionDetail";
 5  export const WalletInventoryWidget = () => {
 6    const { address } = useAccount();
 7    const { setOpenConnectModal } = useOpenConnectModal();
 8    const { setOpenWalletModal } = useOpenWalletModal();
 9    return address ? (
10      <>
11        <WalletConnectionDetail address={address} />
12        <button onClick={() => setOpenWalletModal(true)}>
13          Open Wallet Inventory
14        </button>
15      </>
16    ) : (
17      <>
18        <p>Not connected</p>
19        <button onClick={() => setOpenConnectModal(true)}>Connect</button>
20      </>
21    );
22  };