Add custom title & icon to wagmi connectors

Author: mmahdigh

packages/thirdweb/src/wallets/in-app/core/wallet/types.ts

@@ -69,6 +69,7 @@ export type InAppWalletCreationOptions =
        * Metadata to display in the Connect Modal
        */
       metadata?: {
+        name?: string;
         image?: {
           src: string;
           width?: number;

packages/wagmi-adapter/src/connector.ts

@@ -94,8 +94,9 @@ export function inAppWalletConnector(
   const client = args.client;
   return createConnector<Provider, Properties, StorageItem>((config) => ({
     id: "in-app-wallet",
-    name: "In-App wallet",
+    name: args.metadata?.name || "In-App wallet",
     type: "in-app",
+    icon: args.metadata?.image?.src,
     connect: async (params) => {
       const rawStorage =
         typeof window !== "undefined" && window.localStorage