add ID to wallet button

Author: macalinao

packages/walletkit/src/components/WalletSelectorModal/WalletStepSelect/WalletProviderOption.tsx

@@ -1,15 +1,20 @@
 import styled from "@emotion/styled";
-import type { WalletProviderInfo } from "@saberhq/use-solana";
+import type {
+  DefaultWalletType,
+  WalletProviderInfo,
+} from "@saberhq/use-solana";
 import React, { useMemo } from "react";
 
 interface Props {
+  type: DefaultWalletType;
   info: WalletProviderInfo;
 
   onInstall?: (info: WalletProviderInfo) => void;
   onSelect?: () => void;
 }
 
 export const WalletProviderOption: React.FC<Props> = ({
+  type,
   info,
   onInstall,
   onSelect,
@@ -37,6 +42,7 @@ export const WalletProviderOption: React.FC<Props> = ({
 
   return (
     <Wrapper
+      id={`gokiWalletKitProviderOption-${type}`}
       role="button"
       onClick={(e) => {
         e.stopPropagation();

packages/walletkit/src/components/WalletSelectorModal/WalletStepSelect/index.tsx

@@ -100,10 +100,11 @@ export const WalletStepSelect: React.FC<Props> = ({
                 : prov.mustInstall || !prov.info.isInstalled
             )
             .map((fullInfo) => {
-              const { info: provider } = fullInfo;
+              const { info: provider, type } = fullInfo;
               return (
                 <WalletProviderOption
                   key={provider.url}
+                  type={type}
                   info={provider}
                   onSelect={() => {
                     onSelect?.(fullInfo);